Skip to content

徽标 Badge

支付宝到账,壹佰萬圆。

基本用法

设置 count 属性的数量,即可在组件上显示标记。添加 dot 属性,可以变成小点点。

最大值

使用 max 属性,限制徽标显示的最大值,超出会显示后缀 +

文本

使用 text 属性,可以自定义徽标显示的文本。

独立使用

default slot 默认插槽为空时,徽标可以独立使用。

类型

使用 type 属性改变徽标类型,不同类型只在颜色上有区别。

颜色

如果需要自定义徽标颜色,可以使用 color 属性。

API

Badge 属性

属性类型默认值说明
countnumber0徽标计数
maxnumber99徽标最大值
textstring徽标文本
typestring徽标类型
colorstring自定义徽标颜色
dotbooleanfalse是否为点点样式

Badge 插槽

名称说明
default自定义展示文本