cloud-ui.vusion
Version:
Vusion Cloud UI
37 lines (32 loc) • 804 B
Markdown
### 基础用法
``` html
<u-capsules>
<u-capsule>Option-A</u-capsule>
<u-capsule>Option-B</u-capsule>
<u-capsule>Option-C</u-capsule>
</u-capsules>
```
### 胶囊组
``` html
<u-capsules>
<u-capsules-group>
<u-capsule>Option-A</u-capsule>
<u-capsule>Option-B</u-capsule>
</u-capsules-group>
<u-capsules-group>
<u-capsule>Option-A</u-capsule>
<u-capsule>Option-B</u-capsule>
</u-capsules-group>
</u-capsules>
```
### 标签
``` html
<u-capsules>
<u-capsule value="1">1</u-capsule>
<u-capsule value="2">2</u-capsule>
<u-capsule value="3">3</u-capsule>
<u-capsule value="4" label="88折">4</u-capsule>
<u-capsule value="5" label="88折">5</u-capsule>
<u-capsule value="6" label="88折">6</u-capsule>
</u-capsules>
```