Badge
数字或状态标记,一般展示在按钮或文字旁。
示例
默认用法
<nut-badge :value="1"><div>我是按钮</div></nut-badge>
Max用法
<nut-badge :value="200" :max="99" class="item"><button>max模式</button></nut-badge>
文字用法
<nut-badge value="new" class="item"><button>文字用法</button></nut-badge>
小圆点
<nut-badge :isDot="true" class="item"><button>小圆点</button></nut-badge>
文字内容
<nut-badge :isDot="true" class="item">文字内容</nut-badge>
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
value | 显示值 | String,Number | — | — |
max | 最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型 | Number | — | — |
isDot | 小圆点 | Boolean | — | false |
hidden | 隐藏 badge | Boolean | — | false |