Skip to content

Badge 徽章

Badge 徽章打开
9:41
/pages/badge/index

介绍

weui-badge 用于数字提醒、状态标记和红点提示,可展示数字、文本或仅展示小圆点。

基础用法

vue
<template>
  <weui-badge text="8" />
  <weui-badge text="new" />
  <weui-badge dot />
</template>

最大值

vue
<weui-badge :text="120" :max="99" />

Props

属性说明类型默认值
text徽章内容string | number''
dot是否显示为红点booleanfalse
max数字超过最大值时显示为 max+number99
type类型,可选 warnprimarydefaultstring'warn'

Slots

暂无。

Events

暂无。

Released under the MIT License.