## Badge 标记出现在按钮、图标旁的数字或状态标记。 ### 基础用法展示新消息数量。 :::demo 定义`value`属性，它接受`Number`或者`String`。 ```html

``` ::: ### 最大值可自定义最大值。 :::demo 由`max`属性定义，它接受一个`Number`，需要注意的是，只有当`value`为`Number`时，它才会生效。 ```html

``` ::: ### 自定义内容可以显示数字以外的文本内容。 :::demo 定义`value`为`String`类型是时可以用于显示自定义文本。 ```html

``` ::: ### 小红点以红点的形式标注需要关注的内容。 :::demo 除了数字外，设置`is-dot`属性，它接受一个`Boolean`。 ```html 数据查询

``` ::: ### 状态点用于表示状态的小圆点。 :::demo 可以设置`status`属性，它可以是`primary`、`success`、`danger`、`info`、`warning`，表示状态的小圆点。 ```html

``` ::: ### 多彩徽标属性 color 可以设置更多预设的状态点颜色，或者自定义颜色。 :::demo 除了`status`属性外，还可以设置自定义设置`color`属性，它可以是预设颜色，也可以是自定义颜色值。 ```html

预设:

自定义:

``` ::: ### 动态变化属性 processing 可以设置更多状态点动态变化。 :::demo 还可以设置设置`processing`属性，它可以将状态点动态变化。 ```html

``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------------- |---------------- |---------------- |---------------------- |-------- | | value | 显示值 | string, number | — | — | | max | 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型 | number | — | — | | is-dot | 小圆点 | boolean | — | false | | hidden | 隐藏 badge | boolean | — | false | | type | 类型 | string | primary / success / warning / danger / info | — | | type | 类型（使用预设的颜色） | string | primary / success / warning / danger / info | — | | status | 设置 Badge 为状态点 | string | primary / success / warning / danger / info | — | | text | 自定义内容，如果设置了 status，则为状态点的文本 | string | - | — | | color | 设置更多状态点的颜色或自定义颜色 | string | — | — | | is-processing | 是否动态变化展示效果 | boolean | — | false |