Badge 徽章
按钮和图标上的数字或状态标记。
基础用法
展示新消息的数量。
最大值
您可以自定义最大值。
自定义内容
显示数字以外的文本内容。或者，您可以使用 content 插槽来自定义内容。
小红点
使用小红点标记需要注意的内容。
偏移量 2.7.0
API
属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| value | 显示值。 | string / number | '' |
| max | 最大值，超过最大值会显示 '{max}+'。仅当值为数字时有效。 | number | 99 |
| is-dot | 是否显示小圆点。 | boolean | false |
| hidden | 隐藏徽章。 | boolean | false |
| type | 徽章类型。 | 枚举 | 危险 |
| show-zero 2.6.0 | 当值为零时是否显示徽章。 | boolean | true |
| color 2.6.3 | 小圆点的背景颜色 | string | |
| offset 2.7.0 | 徽章的偏移量 | array | — |
| badge-style 2.7.1 | 徽章的自定义样式 | object | — |
| badge-class 2.7.1 | 徽章的自定义类名 | string | — |
插槽
| 名称 | 描述 | 类型 |
|---|---|---|
| default | 自定义默认内容 | - |
| content 2.9.1 | 自定义徽章内容 | object |
来源
贡献者
