<view>
    <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="{{iconActiveName}}" bind:change="iconChange">
        <gov-tab-item name="tab1">标签1</gov-tab-item>
        <gov-tab-item name="advise"><gov-icon name="advise" color="{{['#e96', '#e34']}}"/>图标</gov-tab-item>
        <gov-tab-item name="real-estate-m"><gov-icon name="real-estate-m"/>商店</gov-tab-item>
        <gov-tab-item name="postal-m"><gov-icon name="postal-m"/>货车</gov-tab-item>
        <gov-tab-item name="video-play-m"><gov-icon name="video-play-m"/>播放</gov-tab-item>
    </gov-tab>

    <view class="content">{{'activeName: ' + activeName}}</view>
    <view class="content">{{'iconActiveName: ' + iconActiveName}}</view>
</view>