徽标 Badge
用于展示消息数量、状态红点等。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
count | number | string | 0 | 显示的数字/内容 |
max | number | 99 | 最大值,超过显示 max+ |
dot | boolean | false | 小圆点模式(不显示数字) |
showZero | boolean | true | count 为 0 时是否显示 |
color | string | '' | 自定义背景色 |
示例
vue
<template>
<Badge :count="5">
<span>消息</span>
</Badge>
<Badge :count="100" :max="99">
<span>评论</span>
</Badge>
<Badge dot>
<span>在线</span>
</Badge>
</template>