### 基础用法

``` 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>
```
