## 基础用法 Badge 组件可以在右上角展示标记,最常见的用法是用于展示消息数。 :::demo 定义`value`属性,它接受`Number`或者`String`。 ```html 评论 回复 评论 回复 ``` ::: ## 最大值 为了方便使用,Badge 组件可以自定义显示的最大值。 :::demo 由`max`属性定义,它接受一个`Number`,需要注意的是,只有当`value`为`Number`时,它才会生效。 ```html 评论 回复 ``` ::: ## 自定义内容 下面是两个样例,它们可以启发你在适时的情况使用 Badge: :::demo 定义`value`为`String`类型是时可以用于显示自定义文本。 ```html 评论 回复 ``` ::: ## 小红点 可以使 Badge 组件显示为一个小红点,来提醒用户需要关注的内容,此时设置其他属性均无效。 :::demo 除了数字外,设置`is-dot`属性,它接受一个`Boolean`。 ```html 数据查询 ``` ::: ## Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------------- |---------------- |---------------- |---------------------- |-------- | | value | 显示值 | string, number | | | | max | 最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型 | number | | | | is-dot | 小圆点 | boolean | | false |