Skip to content

Badge 徽章

使用

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

基础用法

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

数量值可接受 NumberString

最大值

你还可以自定义最大值

max 属性定义,接受 Number 值。 请注意,仅在值也是 Number 时起作用。

自定义显示内容

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

valueString 时,可以显示自定义文字。

小红点

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

使用 is-dot 属性。 是个布尔值。

偏移量

设置徽章点的偏移,格式是[左,顶部], 代表状态点从左侧和默认位置顶部的偏移。

API

Badge Props

参数名描述类型默认值
value显示值string / number-
max最大值,超过最大值会显示 {max}+。 只有当 value 是数字类型时起作用。number99
is-dot是否显示小圆点。booleanfalse
hidden是否隐藏 Badge。booleanfalse
typebadge type.enumdanger

Badge Slots

插槽名描述参数
default自定义默认内容-