手册版本 V3.0
组件名称
graceSelectTags : /graceUI/组件目录/graceSelectTags
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| itemWidth | 字符串 | 200rpx | 标签宽度 |
| type | 字符串 | 类型 radio : 单选, checkbox : 多选 | |
| items | 数组 | [] | 选项数据 |
| selectedColor | 字符串 | #3688FF | 标签选中颜色 |
| fontSize | 字符串 | 26rpx | 标签文本大小 |
| bgColor [ 2020-04-23 + ] | 字符串 | #F6F7F8 | 标签背景颜色 |
| height [ 2020-04-23 + ] | 字符串 | 68rpx | 标签高度 |
| borderRadius [ 2020-04-23 + ] | 字符串 | 10rpx | 标签圆角尺寸 |
| fontColor [ 2020-04-23 + ] | 字符串 | #323232 | 标签文本颜色 |
| fontActiveColor [ 2020-04-23 + ] | 字符串 | #FFFFFF | 标签激活后文本颜色 |
选项数组格式
demo : [
{ name: '***', value: '0', checked: true },
......
}组件事件
组件选项变化后会回调 change 事件并传递最新选项值; // 2020-04-25 事件返回值格式 : uni-app 版本 : [选中值, 携带参数, 选中的索引] 微信小程序独立开发版本 : 选中值
组件函数
01. setItems 功能 : 通过 setItems()重新设置选项数据； 参数 : 新的选项数组 02. clearSelected //2020-04-25 更新 功能 : 清楚全部选择 03. selectAll //2020-04-25 更新 功能 : 选中全部 ( 多选模式下有效 )
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。