cloud-ui.vusion
Version:
Vusion Cloud UI
36 lines (26 loc) • 592 B
Markdown
### 基本用法
``` html
<p>消息 <u-badge :value="3"></u-badge></p>
<p>消息 <u-badge value="new"></u-badge></p>
```
### 右上角
使用`corner`属性,设置徽章在右上角。
``` html
<u-badge :value="3" corner>
<u-button>评论</u-button>
</u-badge>
```
### 最大值
使用`max`属性限制数字的最大值。
``` html
<u-badge :value="120" :max="99" corner>
<u-button>评论</u-button>
</u-badge>
```
### 小圆点
``` html
<p>消息 <u-badge :value="3" dot></u-badge></p>
<p><u-badge :value="3" corner dot>
<u-button>评论</u-button>
</u-badge></p>
```