Badge 徽标数
基础用法
状态点
用于表示状态的小圆点。
type 控制颜色
使用 type 属性,可以设置不同的颜色
bage props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
count | 显示的数字,大于overflowCount时,显示${overflowCount}+,为 0 时隐藏 | Number | - |
overflowCount | 展示封顶的数字值 | Number or String | 99 |
dot | 不展示数字,只有一个小红点,如需隐藏 dot ,需要设置count为 0 | Boolean | false |
showZero | 当数值为 0 时,是否展示 Badge | Boolean | false |
className | 自定义的class名称,dot 模式下无效 | String | - |
text | 自定义内容,如果设置了 status,则为状态点的文本 | String | '' |
status | 设置 Badge 为状态点,可选值为 success、processing、default、error、warning | String | - |
type | 使用预设的颜色,可选值为 success、primary、normal、error、warning、info | String | - |
offset | 设置状态点的位置偏移,格式为 [x, y] | Array | - |