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="beijing1" wx:key="item" wx:for="{{list}}">
              <view class="list1">
                <view>
                  <view class="names" data-name="{{item._id}}" bindtap="tiao">{{item.name}}</view>
                  <view class="listbut">
                    <button class="color{{item.status}}" size="mini">{{item.status=='0'?'未开始':item.status=='1'?'报名中':item.status=='2'?'待比赛':item.status=='3'?'进行中':'已结束'}}</button>
                  </view>
                </view>
                <view class="leftmueen">
                  <view class="otherInfos">
                    <text class="text9">{{item.single_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="beijing1" wx:key="item" wx:for="{{listend}}">
              <view class="list1">
                <view class="names" data-name="{{item._id}}" bindtap="tiao">{{item.name}}</view>
                <button class="buttonend" size="mini">{{item.status=='0'?'未开始':item.status=='1'?'报名中':item.status=='2'?'待比赛':item.status=='3'?'进行中':'已结束'}}</button>
                <view class="leftmueen">
                  <view class="otherInfos">
                    <text class="text9">{{item.single_time}}</text>
                  </view>
                  <view class="otherInfo"><text class="text3">{{item.address}}</text></view>
                </view>
              </view>
            </view>
          </van-tab>
        </van-tabs>
      </view>
      <view>
      </view>
    </view>
  </view>
</mobile-main>