01. gui-tags 标签组件可以通过属性实现各种常见的展示标签;
02. 本组件使用场景适于展示和点击,我们还提供了删除标签和选择标签,请在手册列表查阅;
gui-tags : GraceUI 组件目录/gui-tags.vue
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
width | Number | 0 | 组件宽度,单位 rpx,0 代表自动宽度 |
text | String | '' | 标签文本 |
size | Number | 26 | 文本尺寸,单位 rpx |
lineHeight | Number | 1.8 | 行高比例,高度、行高=文本尺寸*行高比例 |
padding | Number | 15 | 内间距,单位 rpx |
margin | Number | 15 | 组件右侧、底部间距,单位 rpx |
customClass | Array | ['gui-bg-primary', 'gui-color-white'] | 组件自定义样式 |
borderRadius | Number | 6 | 圆角尺寸,单位 rpx |
data | Array | [] | 组件点击时携带的数据 |
borderColor | String | #FFFFFF | 组件边框颜色,与背景色相同等于隐藏边框 |
@tapme : 组件被点击时触发,携带数据 data 属性对应的值;