Badge 徽章

出现在按钮、图标旁的数字或状态标记。

基础用法

展示新消息数量。

最大值

可自定义最大值。

小红点

以红点形式展示。

自定义内容

可以显示数字以外的文本内容。

✨ 水波纹效果 (Unique)

开启 ripple 属性，添加动态水波纹效果，更加引人注目。

✨ 渐变色 (Unique)

开启 gradient 属性，展示炫酷的渐变色徽章。

✨ 处理中动画 (Unique)

开启 processing 属性，添加旋转边框，表示正在处理中。

API

Badge Attributes

属性名	说明	类型	默认值
value	显示值	string / number	-
max	最大值，超过最大值会显示 '{max}+'	number	99
is-dot	是否显示为小圆点	boolean	false
hidden	是否隐藏 Badge	boolean	false
type	类型	'primary' / 'success' / 'warning' / 'danger' / 'info'	'danger'
color	自定义背景色	string	-
offset	设置 Badge 的偏移量 [x, y]	[number, number]	[0, 0]
ripple	是否开启水波纹效果	boolean	false
processing	是否开启处理中动画	boolean	false
gradient	是否开启渐变色效果	boolean	false

Badge Slots

插槽名	说明
default	自定义 Badge 内容