court-mobile1/pages/search/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back" bind:tabPath="tabPath">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view class="one">
      <view class="swiper-tab">
        <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">待参加
          <view class="border" wx:if="{{currentTab=='0'}}">—</view>
        </view>
        <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">历史比赛
          <view class="border" wx:if="{{currentTab=='1'}}">—</view>
        </view>
      </view>
      <swiper current="{{currentTab}}" class="swiper" style="height:{{infoHeight-40}}px;" bindchange="bindchange">
        <swiper-item class="swiper-items">
          <scroll-view scroll-x="false" scroll-y="true" class='scroll-views'>
            <view class="list" wx:for="{{list}}" wx:key="item">
              <view class="list_1 textOver" bindtap="toView" data-id="{{item._id}}">
                <text>{{item.name}}</text>
                <text class="color{{item.status}}">{{item.status=='0'?'未开始':item.status=='1'?'报名中':item.status=='2'?'待比赛':item.status=='3'?'进行中':'已结束'}}</text>
              </view>
              <view class="list_2 textOver">{{item.single_time}}</view>
              <view class="list_3 textOver">{{item.address}}</view>
            </view>
          </scroll-view>
        </swiper-item>
        <swiper-item class="swiper-items">
          <scroll-view scroll-x="false" scroll-y="true" class='scroll-views'>
            <view class="list" wx:for="{{list}}" wx:key="item">
              <view class="list_1 textOver" bindtap="toView" data-id="{{item._id}}">
                <text>{{item.name}}</text>
                <text class="color{{item.status}}">{{item.status=='0'?'未开始':item.status=='1'?'报名中':item.status=='2'?'待比赛':item.status=='3'?'进行中':'已结束'}}</text>
              </view>
              <view class="list_2 textOver">{{item.single_time}}</view>
              <view class="list_3 textOver">{{item.address}}</view>
            </view>
          </scroll-view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</mobile-main>