court-mobile/pages/search/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:tabPath="tabPath">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view class="one">
      <view class="one-2">
        <van-tabs v-model:active="activeName">
          <van-tab title="待参加" name="a" style="font-weight: 500;">
            <view class="list" wx:key="item" wx:for="{{list}}">
              <view class="left1">
                <text class="text1">{{item.date}}</text>
                <text class="text1">{{item.week}}</text>
              </view>
              <view class="right1">
                <view class="right1_1">
                  <text class="text1">{{item.time}}</text>
                  <text class="text4">{{item.match}}</text>
                  <text class="text4">{{item.group}}</text>
                  <view class="name">{{item.name}}</view>
                  <view class="name">{{item.site}}</view>
                </view>
                <view class="right1_2">
                  <view class="right1_2o">
                    <image class="img" src="{{item.head1}}"></image>
                    <view class="right1_2t"><text>{{item.groupname1}}</text></view>
                  </view>
                  <view class="right1_2i">
                    <text class="text6">{{item.fraction1}}</text>
                    <text class="text8">:</text>
                    <text class="text7">{{item.fraction2}}</text>
                  </view>
                  <view class="right1_2os">
                    <image class="img" src="{{item.head2}}"></image>
                    <view class="right1_2t"><text>{{item.groupname2}}</text></view>
                  </view>
                </view>
              </view>
            </view>
            <view class="beijing1" wx:key="item" wx:for="{{list}}">
              <view style="margin-left: 10px;">
                <text class="text1">{{item.date}}</text>
                <text class="text1">{{item.week}}</text>
              </view>
              <view class="list1">
                <view class="names">{{item.name}}</view>
                <button class="button" size="mini">{{item.state}}</button>
                <view class="leftmueen">
                  <view class="otherInfo">
                    <text class="text9">{{item.date}}</text>
                    <text class="text10">{{item.week}}</text>
                    <text class="text10">{{item.time}}</text>
                  </view>
                  <view class="otherInfo textOver"><text class="text3">{{item.address}}</text></view>
                </view>
              </view>
            </view>
          </van-tab>
          <van-tab title="历史比赛" name="b" style="font-weight: 500;">
            <view class="list" wx:key="item" wx:for="{{listend}}">
              <view class="left1">
                <view class="otherInfo">
                  <text class="text1">{{item.date}}</text>
                  <text class="text1">{{item.week}}</text>
                </view>
              </view>
              <view class="right1">
                <view class="right1_1">
                  <text class="text1">{{item.time}}</text>
                  <text class="text4">{{item.match}}</text>
                  <text class="text4">{{item.group}}</text>
                  <view class="name">{{item.name}}</view>
                  <view class="name">{{item.site}}</view>
                </view>
                <view class="right1_2">
                  <view class="right1_2o">
                    <image class="img" src="{{item.head1}}"></image>
                    <view class="right1_2t"><text>{{item.groupname1}}</text></view>
                  </view>
                  <view class="right1_2i">
                    <text class="text6">{{item.fraction1}}</text>
                    <text class="text8">:</text>
                    <text class="text7">{{item.fraction2}}</text>
                  </view>
                  <view class="right1_2os">
                    <image class="img" src="{{item.head2}}"></image>
                    <view class="right1_2t"><text>{{item.groupname2}}</text></view>
                  </view>
                </view>
              </view>
            </view>
            <view class="beijing1" wx:key="item" wx:for="{{listend}}">
              <view style="margin-left: 10px;">
                <text class="text1">{{item.date}}</text>
                <text class="text1">{{item.week}}</text>
              </view>
              <view class="list1">
                <view class="names">{{item.name}}</view>
                <button class="buttonend" size="mini">{{item.state}}</button>
                <view class="leftmueen">
                  <view class="otherInfo">
                    <text class="text9">{{item.date}}</text>
                    <text class="text10">{{item.week}}</text>
                    <text class="text10">{{item.time}}</text>
                  </view>
                  <view class="otherInfo textOver"><text class="text3">{{item.address}}</text></view>
                </view>
              </view>
            </view>
          </van-tab>
        </van-tabs>
      </view>
      <view>
      </view>
    </view>
  </view>
</mobile-main>