# Badge 微标数
# Badge 概述
主要用于通知未读数的角标,提醒用户点击。
# Badge 代码示例
# 基础用法
最简单的使用方法。
# 小红点
强迫症患者慎用
!
# 封顶数字
通过设置 overflow-count
属性设置一个封顶值,当超过时,会显示 ${overflowCount}+
# 独立使用及自定义样式
可以没有 slot 独立展示
# 自定义class名称
通过配置 class-name 自定义徽标的 class 名称,dot 模式下无效
# API
# Badge props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
count | 显示的数字,大于 overflowCount 时,显示 ${overflowCount}+ ,为 0 时隐藏 | Number | String | - |
overflow-count | 展示封顶的数字值 | Number | String | 99 |
dot | 不展示数字,只有一个小红点,如需隐藏 dot ,需要设置 count 为 0 | Boolean | false |
class-name | 自定义的 class 名称,dot 模式下无效 | String | - |