更新记录
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