Skip to content

Badge 徽章

展示新消息数量。

基本用法

定义value属性,它接受Number或者String

独立使用

最大值

可自定义最大值。

设置max属性可以定义角标显示的最大值。

自定义内容

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

定义value为String类型是时可以用于显示自定义文本。

小红点

除了数字外,设置is-dot属性,它接受一个 Boolean

状态点

设置 is-status,可以得到不同的状态点。

自定义颜色

设置color属性可以自定义颜色。

Badge API

属性

参数说明类型可选值默认值
value显示值string,number----
max最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型number----
is-dot小圆点boolean--false
hidden隐藏 badgeboolean--false
type类型'string'| 'primary'|'success' |'warning'|'danger'|'info'
is-status状态点boolean--false
text自定义提示内容(必须和is-status一起使用)string----
text-colorBadge的文字样式string----
colorBadge 的背景样式(支持渐变色,背景图片["url(图片地址)"])string----
independent独立使用boolean--false

插槽

插槽名参数说明类型
default()自定义默认内容-
content()自定义显示内容{ value: string | number }