更新记录
1.1(2020-11-16) 下载此版本
first
平台兼容性
布尔图标
将布尔值true,false换用更人性化的图标显示(勾或叉),用了官方图标插件uni-icons,已经包含在插件内(如果已经安装了uni-icons导入时会提示覆盖)。
使用方法
在script中引用组件
import anBoolIcon from "@/components/an-bool-icon/an-bool-icon.vue"
export default {
components: {anBoolIcon}
},
在template中使用组件
<view>
<an-bool-icon :bool_value="true" size="100"></an-bool-icon>
<an-bool-icon :bool_value="true" size="100" trueColor="blue"></an-bool-icon>
</view>
<view>
<an-bool-icon :bool_value="false" size="50"></an-bool-icon>
<an-bool-icon :bool_value="false" size="50" falseColor="cyan"></an-bool-icon>
</view>
属性说明
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| size | Number, String | 20 | 图标大小 |
| trueIcon | String | checkmarkempty | 勾图标 |
| trueColor | String | green | 绿色,为真时图标颜色 |
| falseIcon | String | closeempty | 叉图标 |
| falseColor | String | red | 红色,为假时图标颜色 |
更多
改变true, false图标,请参考官方文档 https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 22
赞赏 0
下载 11037779
赞赏 1801
赞赏
京公网安备:11010802035340号