Skip to content

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—