#### 默认Tab选项
代码示例：
```
<div class="win-tab" style="width: 390px;">
<ul class="win-tab-title">
<li class="win-this">形式</li>
<li>导航</li>
<li>纽扣</li>
<li>内容</li>
<li>移动</li>
<li>线框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">内容1</div>
<div class="win-tab-item">内容2</div>
<div class="win-tab-item">内容3</div>
<div class="win-tab-item">内容4</div>
<div class="win-tab-item">内容5</div>
<div class="win-tab-item">内容6</div>
</div>
</div>
```
*****
#### 默认Tab选项带图标
代码示例：
```
<div class="win-tab" style="width: 492px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>导航</li>
<li><i class="win-icon win-icon-add-circle"></i>纽扣</li>
<li><i class="win-icon win-icon-file"></i>内容</li>
<li><i class="win-icon win-icon-safety"></i>移动</li>
<li><i class="win-icon win-icon-export"></i>线框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">内容1</div>
<div class="win-tab-item">内容2</div>
<div class="win-tab-item">内容3</div>
<div class="win-tab-item">内容4</div>
<div class="win-tab-item">内容5</div>
<div class="win-tab-item">内容6</div>
</div>
</div>
```
*****
#### 带图标上下结构Tab
代码示例：
```
<div class="win-tab win-tab-icon" style="width: 390px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>导航</li>
<li><i class="win-icon win-icon-add-circle"></i>纽扣</li>
<li><i class="win-icon win-icon-file"></i>内容</li>
<li><i class="win-icon win-icon-safety"></i>移动</li>
<li><i class="win-icon win-icon-export"></i>线框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">内容1</div>
<div class="win-tab-item">内容2</div>
<div class="win-tab-item">内容3</div>
<div class="win-tab-item">内容4</div>
<div class="win-tab-item">内容5</div>
<div class="win-tab-item">内容6</div>
</div>
</div>
```
*****
#### 线条箭头Tab选项
代码示例：
```
<div class="win-tab win-tab-line" style="width: 492px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>导航</li>
<li><i class="win-icon win-icon-add-circle"></i>纽扣</li>
<li><i class="win-icon win-icon-file"></i>内容</li>
<li><i class="win-icon win-icon-safety"></i>移动</li>
<li><i class="win-icon win-icon-export"></i>线框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">内容1</div>
<div class="win-tab-item">内容2</div>
<div class="win-tab-item">内容3</div>
<div class="win-tab-item">内容4</div>
<div class="win-tab-item">内容5</div>
<div class="win-tab-item">内容6</div>
</div>
</div>
```
*****
#### 块状Tab选项
代码示例：
```
<div class="win-tab win-tab-block" style="width: 492px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>导航</li>
<li><i class="win-icon win-icon-add-circle"></i>纽扣</li>
<li><i class="win-icon win-icon-file"></i>内容</li>
<li><i class="win-icon win-icon-safety"></i>移动</li>
<li><i class="win-icon win-icon-export"></i>线框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">内容1</div>
<div class="win-tab-item">内容2</div>
<div class="win-tab-item">内容3</div>
<div class="win-tab-item">内容4</div>
<div class="win-tab-item">内容5</div>
<div class="win-tab-item">内容6</div>
</div>
</div>
```
*****
#### 可关闭Tab选项
代码示例：
```
<div class="win-tab win-tab-close" style="width: 437px;">
<ul class="win-tab-title">
<li class="win-this">形式<i class="win-icon win-icon-close"></i></li>
<li>导航<i class="win-icon win-icon-close"></i></li>
<li>纽扣<i class="win-icon win-icon-close"></i></li>
<li>内容<i class="win-icon win-icon-close"></i></li>
<li>移动<i class="win-icon win-icon-close"></i></li>
<li>线框<i class="win-icon win-icon-close"></i></li>
</ul>
<div class="win-tab-content" style="background: #fff;">
<div class="win-tab-item win-show">内容1</div>
<div class="win-tab-item">内容2</div>
<div class="win-tab-item">内容3</div>
<div class="win-tab-item">内容4</div>
<div class="win-tab-item">内容5</div>
<div class="win-tab-item">内容6</div>
</div>
</div>
```
