Badge 徽标
文档: https://vant-contrib.gitee.io/vant/#/zh-CN/badge
用于在右上角展示一个小红点, 或一个数字提示. 该组件是一个容器, 用于包裹其他组件.
<van-badge :content="25" :max="99"></van-badge>
说明:
- 展示有两种方式: 数字 (使用
content
属性) 或红点 (使用dot
属性) - 在没有子元素时, 仅仅展示徽标右上角的数字, 或红点.
- 显示数字, 可以设置的属性有:
max
(超出后会显示加号).show-zero
控制为零时是否显示徽标. - 徽标的内容允许使用自定义, 使用
content
插槽即可. - 徽标可以配置颜色, 使用
color
属性.