uniapp原生插件之安卓圆角组件原生插件

插件之安卓圆角组件原生插件"/>

uniapp原生插件之安卓圆角组件原生插件

插件介绍

安卓圆角组件原生插件可以解决nvue下圆角不生效和严重锯齿

插件地址

安卓圆角组件原生插件 - DCloud 插件市场

超级福利

uniapp 插件购买超级福利

详细使用文档

uniapp 安卓圆角组件原生插件

用法

在需要使用插件的页面加载以下代码

<leven-radius ref="refLevenRadius" style="flex: 1;" radius="30" border="3" color="#FF00FF">您的页面内容
</leven-radius>

完整页面内容

<template><view><view><uni-card title="原生插件圆角"><leven-radius ref="refLevenRadius" style="flex: 1;" radius="30" border="3" color="#FF00FF"><view style="width: 750rpx; height: 250px;"><image style="width: 750rpx; height: 250px;" src="@/static/book.jpg"></image></view></leven-radius></uni-card><uni-card title="uniapp圆角"><view style="width: 750rpx; height: 250px; border-radius: 30px; overflow: hidden;"><image style="width: 750rpx; height: 250px;" src="@/static/book.jpg"></image></view></uni-card></view></view>
</template><script>
</script><style></style>

插件属性

圆角值 radius

示例

<leven-radius ref="refLevenRadius" style="flex: 1;" radius="30"></leven-radius>

边框宽度 border

示例

<leven-radius ref="refLevenRadius" style="flex: 1;" border="3"></leven-radius>

边框颜色 color

示例

<leven-radius ref="refLevenRadius" style="flex: 1;" color="#FF00FF"></leven-radius>

联系作者

购买插件前请先试用，试用通过再购买。在试用中如果遇到任何问题，可与作者联系，QQ：334106817，将全力协助你使用本插件。

预览图片