# Badge 徽标 ---- ## 独立使用不包裹任何元素，类似 `Tag` 标签 :::demo ```html

``` ::: ## 文本内容徽标既可以数字，也可以是文本内容 :::demo ```html ``` ::: ## 不同状态设置属性 `status` 指定不同的状态徽标 :::demo ```html Primary
Success
Warning
Info ``` ::: ## 设定最大值设置属性 `max-num` 可自定义徽标的最大值，超过最大值则显示 `+` :::demo ```html ``` ::: ## 组合用法与其他组件组合使用，用于展示消息数量等 :::demo ```html

``` ::: ## 小红点设置属性 `dot` 不显示具体的数字 :::demo ```html

消息 ``` ::: ## 动态展示动态展示变化的效果 :::demo ```html

{{show ? '隐藏' : '显示'}}小红点 ``` ::: ## Badge 参数 | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | value | 绑定的值 | String / Number | - | - | | maxNum | 允许的最大值，超出则用 `+` 号显示 | Number | - | 99 | | dot | 是否显示为小红点 | Boolean | - | false | | status | 徽标的类型 | String | `success`, `warning`, `info` | - | | show | 是否显示徽标 | Boolean | - | true |