# 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 -