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

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

``` ::: ### 独立使用可以没有 slot 独立展示。 :::demo ```html

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

链接

``` ::: ### 动态展示动态变化的效果。value 的值可以动态获取，且 badge 支持通过属性 hidden 做的显隐设置 :::demo ```html

红点显隐

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

``` ::: ### 状态点用于表示状态的小圆点。通过定义`status`实现不同颜色值表示不同状态。 :::demo ```html

Success

Error

Default

Processing

Warning ``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------------- |---------------- |---------------- |---------------------- |-------- | | value | 显示值，大于max时显示为${max}+，为0时隐藏(show-zero为默认值时) | string, number | — | — | | max | 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型 | number | — | 99 | | is-dot | 小圆点 | boolean | — | false | | hidden | 隐藏 badge | boolean | — | false | |status | 设置badge为状态点 | Enum{ 'success', 'processing', 'default', 'error', 'warming' } | — | — | | show-zero | 设置当value为0时，是否展示badge | boolean | — | false |