#### 基本用法：
示例代碼：
```
<button class="win-btn win-btn-primary">原始按鈕</button>
<button class="win-btn">默認按鈕</button>
<button class="win-btn win-btn-normal">百搭按鈕</button>
<button class="win-btn win-btn-warm">暖色按鈕</button>
<button class="win-btn win-btn-danger">警告按鈕</button>
<button class="win-btn win-btn-disabled">禁用按鈕</button>
```
*****
#### 不同尺寸：
示例代碼：
```
<button class="win-btn win-btn-lg">大型按鈕</button>
<button class="win-btn">默認按鈕</button>
<button class="win-btn win-btn-sm">小型按鈕</button>
<button class="win-btn win-btn-xs">迷你按鈕</button>
```
*****
#### 圓角按鈕
代碼示例：
```
<button class="win-btn win-btn-primary win-btn-radius">原始按鈕</button>
<button class="win-btn win-btn-radius">默認按鈕</button>
<button class="win-btn win-btn-normal win-btn-radius">百搭按鈕</button>
<button class="win-btn win-btn-warm win-btn-radius">暖色按鈕</button>
<button class="win-btn win-btn-danger win-btn-radius">警告按鈕</button>
<button class="win-btn win-btn-disabled win-btn-radius">禁用按鈕</button>
```
*****
#### 有底無底色圖標
代碼示例：
```
<button class="win-btn">
<i class="win-icon win-icon-pause"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-paly"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-left"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-right"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-edit"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-delete"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-share"></i>
</button>
<br />
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-pause"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-paly"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-left"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-right"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-edit"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-delete"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-share"></i>
</button>
```
*****
#### 圖標組
代碼示例：
```
<div class="win-btn-group">
<button class="win-btn">后退</button>
<button class="win-btn">暫停</button>
<button class="win-btn">播放</button>
<button class="win-btn">前進</button>
</div>
<div class="win-btn-group">
<button class="win-btn">
<i class="win-icon win-icon-left"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-pause"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-paly"></i>
</button>
<button class="win-btn">
<i class="win-icon win-icon-right"></i>
</button>
</div>
<div class="win-btn-group">
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-left"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-pause"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-paly"></i>
</button>
<button class="win-btn win-btn-primary">
<i class="win-icon win-icon-right"></i>
</button>
</div>
```
