Badge


数字或状态标记,一般展示在按钮或文字旁。

示例
默认用法
  1. <nut-badge :value="1"><div>我是按钮</div></nut-badge>

Max用法
  1. <nut-badge :value="200" :max="99" class="item"><button>max模式</button></nut-badge>

文字用法
  1. <nut-badge value="new" class="item"><button>文字用法</button></nut-badge>

小圆点
  1. <nut-badge :isDot="true" class="item"><button>小圆点</button></nut-badge>

文字内容
  1. <nut-badge :isDot="true" class="item">文字内容</nut-badge>

Props
参数说明类型默认值可选值
value显示值String,Number
max最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型Number
isDot小圆点Booleanfalse
hidden隐藏 badgeBooleanfalse