更新记录

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问