vant-weapp/example/pages/tab/index.wxml

<demo-block title="基础用法">
  <van-tabs active="{{ 1 }}" bind:change="onChange">
    <van-tab
      wx:for="1234"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="自定义标题">
  <van-tabs active="{{ 1 }}" bind:change="onChange">
    <van-icon
      slot="nav-right"
      name="search"
      custom-class="right-nav"
      bind:click="onClickNavRight"
    />
    <van-tab
      wx:for="1234"
      wx:key="index"
      title="{{ '标签' + item }}"
      title-style="font-size: 16px; font-weight: bold; {{ index === 0 ? 'text-decoration: line-through;' : '' }}"
      dot="{{ index === 1 }}"
      info="{{ index === 2 ? 99 : null }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="横向滚动">
  <van-tabs>
    <van-tab
      wx:for="123456"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="禁用标签">
  <van-tabs bind:disabled="onClickDisabled">
    <van-tab
      wx:for="123"
      wx:key="index"
      disabled="{{ index === 1 }}"
      title="{{ '标签' + item }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="样式风格">
  <van-tabs type="card">
    <van-tab
      wx:for="123"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content-2">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="点击事件">
  <van-tabs bind:click="onClick">
    <van-tab
      wx:for="12"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="粘性布局">
  <van-tabs sticky>
    <van-tab
      wx:for="1234"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="切换动画">
  <van-tabs animated>
    <van-tab
      wx:for="1234"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content" style="height: 400px;">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>

<demo-block title="滑动切换">
  <van-tabs swipeable>
    <van-tab
      wx:for="1234"
      wx:key="index"
      title="{{ '标签' + item }}"
    >
      <view class="content">
        {{ '内容' + item }}
      </view>
    </van-tab>
  </van-tabs>
</demo-block>