Badge 红点提示
panda-badge 可以配合图标、按钮、列表等组件使用,用于标记一些数字和文字
Default 默认
1
32
99+
Text99+
99+
Dot 小圆点
demo
Text
Use alone 单独使用
32
new
Color 颜色
1
32
99+
With Text 文字
new
新品
折扣
折扣
Badge Props
| 参数 | 介绍 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | 徽章的内容 | String, Number | — | — |
| min | 最小显示数字,value 为数字时有效 | Number | — | 1 |
| max | 最大显示数字,value 为数字时有效 | Number | — | 99 |
| color | 徽章的颜色 | String | — | — |
| is-dot | 徽章是否为圆点 | Boolean | — | false |
| hidden | 徽章是否为隐藏 | Boolean | — | false |
Badge Slots
| 名称 | 介绍 |
|---|---|
| content | 徽章的内容 |
| default | — |