Tag 标签
用于表示区域的状态的标签
引入
import { Tag } from 'mand-mobile-next'
Vue.createApp().component(Tag.name, Tag)
代码演示
API
Tag Props
| 属性 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| size | 标签大小 | String | large | tiny, small, large |
| shape | 标签形状 | String | square | square, circle, fillet, quarter, coupon,bubble |
| sharp | 标签尖角 | String | top-left, top-right, bottom-left, bottom-right | |
| type | 标签样式 | String | ghost | fill(填充), ghost(线框) |
| fill-color | 标签颜色rgba or hex number | String | rgba(0,0,0,0) | |
| font-weight | 字体粗细 | String | normal | normal, bold, bolder |
| font-color | 字体颜色rgba or hex number | String | #fc9153 |
Mand Mobile