jk's notes
  • Badge 徽标

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 属性.
Last Updated:
Contributors: jk