跳到主要内容

eo-counter-badge

<eo-counter-badge>

通用徽标构件。

Examples

Basic

Playground

slot

Playground

icon

Playground

dot 样式

Playground

自定义徽标颜色

Playground

单独使用(无内容)

Playground

Properties

NameDescriptionTypeDefaultRequired
icon

在内容中使用Icon

GeneralIconProps
color

徽标的背景颜色。

string
fontColor

微标的字体颜色

string
count

展示的数字,大于 overflowCount 时显示为 ${overflowCount}+,为 0 时隐藏

number
overflowCount

展示封顶的数字值

number true
dot

不展示数字,只有一个小圆点.

boolean
offset

设置状态点的位置偏移,格式为 [x, y]

[number, number]
showZero

当数值为 0 时,是否展示徽标

boolean

Slots

NameDescription
(default)

内容区