Badge 徽章

按钮和图标上的数字或状态标记。

基础用法

可以用来展示新消息的数量。

最大值

你还可以自定义最大值

自定义显示内容

你也可以展示除数字以外你想要展示的任何值。

小红点

通过一个小红点标记来告知用户有新内容。

API

Attributes

属性名说明类型默认值
value显示值string / number''
max最大值,超过最大值会显示 {max}+。 只有当 value 是数字类型时起作用。number99
is-dot是否显示小圆点。booleanfalse
hidden是否隐藏 Badge。booleanfalse
typebadge type.enumdanger
show-zero 2.6.0值为零时是否显示 Badgebooleantrue
color 2.6.3背景色string

Slots

插槽名说明
default自定义默认内容

源代码

组件文档

贡献者