Badge 徽标
图标或文字上的数字/状态标记。
基础用法
5099+
vue
<ABadge :value="5"><AButton>消息</AButton></ABadge>
<ABadge :value="120" :max="99"><AButton>溢出</AButton></ABadge>
<ABadge dot><AButton type="primary">在线</AButton></ABadge>各种类型
33333
vue
<ABadge :value="3" type="success"> ... </ABadge>
<ABadge :value="3" type="error"> ... </ABadge>API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | string | number | — | 徽标内容 |
| max | number | 99 | 最大值，超出显示 99+ |
| dot | boolean | false | 圆点模式 |
| show | boolean | true | 是否显示 |
| type | 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error' | 'error' | 类型 |
| showZero | boolean | false | 值为 0 是否显示 |
| processing | boolean | false | 处理中动画 |