徽标 Badge
支付宝到账,壹佰萬圆。
基本用法
设置 count 属性的数量,即可在组件上显示标记。添加 dot 属性,可以变成小点点。
最大值
使用 max 属性,限制徽标显示的最大值,超出会显示后缀 +。
文本
使用 text 属性,可以自定义徽标显示的文本。
独立使用
default slot 默认插槽为空时,徽标可以独立使用。
类型
使用 type 属性改变徽标类型,不同类型只在颜色上有区别。
颜色
如果需要自定义徽标颜色,可以使用 color 属性。
API
Badge 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| count | number | 0 | 徽标计数 |
| max | number | 99 | 徽标最大值 |
| text | string | — | 徽标文本 |
| type | string | — | 徽标类型 |
| color | string | — | 自定义徽标颜色 |
| dot | boolean | false | 是否为点点样式 |
Badge 插槽
| 名称 | 说明 |
|---|---|
| default | 自定义展示文本 |