#### 组件名称
gov-tab-item

#### 解释：
tab标签栏子项

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|name |String |否||当前选中的标签名，与<gov-tab>的activeName对应|

#### 代码示例
swan:
```
<gov-tab active-name="{{activeName}}" bind:change="change">
    <gov-tab-item name="tab1">标签1</gov-tab-item>
    <gov-tab-item name="tab2">标签2</gov-tab-item>
    <gov-tab-item name="tab3">标签3</gov-tab-item>
</gov-tab>
<gov-tab active-name="{{activeName}}" bind:change="change">
    <gov-tab-item name="tab1">标签1</gov-tab-item>
    <gov-tab-item name="tab2">标签2</gov-tab-item>
    <gov-tab-item name="tab3">标签3</gov-tab-item>
    <gov-tab-item name="tab4">标签4</gov-tab-item>
</gov-tab>
<gov-tab active-name="{{activeName}}" bind:change="change">
    <gov-tab-item>标签1</gov-tab-item>
    <gov-tab-item><gov-icon name="advise" color="{{['#e96', '#e34']}}"/>图标</gov-tab-item>
    <gov-tab-item><gov-icon name="real-estate-m"/>商店</gov-tab-item>
    <gov-tab-item><gov-icon name="postal-m"/>货车</gov-tab-item>
    <gov-tab-item><gov-icon name="video-play-m"/>播放</gov-tab-item>
</gov-tab>
```
js:
```
Page({
    data: {
        activeName: 'tab2'
    },

    change({detail}) {
        this.setData({
            activeName: detail
        });
    }
});
```
css:
```
.dot {
    position: relative;
    top: -6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #e34;
}

.content {
    padding: 30.797rpx;
}
```