court-mobile/pages/list/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:tabPath="tabPath">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view class="one">
      <view class="onea">
        <cover-image src='/image/back.png' class="back" bindtap='back'></cover-image>
      </view>
      <image class="image" src="{{src}}"></image>
    </view>
    <view class="two">
      <view class="list">
        <view class="listtou">
          <view class="name">{{teamlist.name}}</view>
          <view class="listbut"> <button class="color{{teamlist.status}}" size="mini">{{teamlist.status=='0'?'未开始':teamlist.status=='1'?'报名中':teamlist.status=='2'?'待比赛':teamlist.status=='3'?'进行中':'已结束'}}</button>
          </view>
        </view>
        <view class="left1">
          <view class="otherInfos">
            <text class="text1">{{teamlist.match_time}}</text>
          </view>
          <view class="otherInfoq"><text class="text3">{{teamlist.address}}</text></view>
          <view class="otherInfo textOver"><text class="text3" wx:for="{{teamlist.format}}" wx:key="item">{{item.type}}{{item.name}}</text></view>
        </view>
        <view class="right1" wx:if="{{item.listbisai}}" wx:for="{{item.listbisai}}" wx:for-item="items" wx:key="key">
          <view class="right1_1">
            <text class="text4">{{items.match}}</text>
            <text class="text4">{{items.group}}</text>
          </view>
          <view class="right1_2">
            <view class="right1_2o">
              <image class="head1" src="{{items.head1}}"></image>
            </view>
            <view class="right1_2t"><text>{{items.groupname1}}</text></view>
            <view class="right1_2i">
              <text class="text6">{{items.fraction1}}</text>
              <text class="text8">:</text>
              <text class="text7">{{items.fraction2}}</text>
            </view>
            <view class="right1_2t"><text>{{items.groupname2}}</text></view>
            <view class="right1_2o">
              <image class="head2" src="{{items.head2}}"></image>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="thr">
      <van-tabs active="{{ active }}">
        <van-tab title="赛制信息">内容 1</van-tab>
        <van-tab title="参赛队伍">
          <view class="thrsss">
            <view class="thr-1" wx:key="item" wx:for="{{ranks}}">
              <view class="thr1">
                <view class="thr-left">
                  <image class="img" src="{{item.logo[0].url}}"></image>
                </view>
                <view class="thr-right textOver"><text class="thrname">{{item.team_name}}</text> </view>
                <view class="thr-right textOver"><text class="thrperson">{{item.match_num}}人</text> </view>
              </view>
            </view>
          </view>
        </van-tab>
        <van-tab title="赛程列表">
          <view class="root" wx:if="{{item.status=='0'}}" wx:key="item" wx:for="{{schedule}}">
            <image class='background-image' src='/image/huang.png'></image>
            <view class="content">
              <view class="four">
                <view class="four-1">
                  <view class="fourleft3">
                    <text class="fourtext5">{{item.status=='0'?'未开始':item.status=='1'?'报名中':item.status=='2'?'待比赛':item.status=='3'?'进行中':'已结束'}}</text>
                    <text class="fourtext6">{{item.match_time}}</text>
                  </view>
                  <view class="fourright4">
                    <view class="fourright1_2">
                      <view class="fourright1_2o">
                        <image class="fourhead1" src="{{item.blue_logo[0].url}}"></image>
                      </view>
                      <view class="fourright1_2t"><text>{{item.blue_name}}</text></view>
                      <view class="fourright1_2i">
                        <text class="fourtext6-1">{{item.blue_branch||0}}</text>
                        <text class="fourtext8-1">:</text>
                        <text class="fourtext7-1">{{item.red_branch||0}}</text>
                      </view>
                      <view class="fourright1_2t"><text>{{item.red_name}}</text></view>
                      <view class="fourright1_2oi">
                        <image class="fourhead2" src="{{item.red_logo[0].url}}"></image>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="root" wx:if="{{item.status=='4'}}" wx:key="item" wx:for="{{schedule}}">
            <image class='background-image' src='/image/hhh.png'></image>
            <view class="content">
              <view class="four">
                <view class="four-1">
                  <view class="fourleft3">
                    <text class="fourtext5">{{item.status=='0'?'未开始':item.status=='1'?'报名中':item.status=='2'?'待比赛':item.status=='3'?'进行中':'已结束'}}</text>
                    <text class="fourtext6">{{item.match_time}}</text>
                  </view>
                  <view class="fourright4">
                    <view class="fourright1_2">
                      <view class="fourright1_2o">
                        <image class="fourhead1" src="{{item.blue_logo[0].url}}"></image>
                      </view>
                      <view class="fourright1_2t"><text>{{item.blue_name}}</text></view>
                      <view class="fourright1_2i">
                        <text class="fourtext6-1">{{item.blue_branch||0}}</text>
                        <text class="fourtext8-1">:</text>
                        <text class="fourtext7-1">{{item.red_branch||0}}</text>
                      </view>
                      <view class="fourright1_2t"><text>{{item.red_name}}</text></view>
                      <view class="fourright1_2o">
                        <image class="fourhead2" src="{{item.red_logo[0].url}}"></image>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </van-tab>
        <van-tab title="队伍榜单">
          <view class="head">
            <view class="head1"><text>排名</text></view>
            <view class="head2"><text>战队</text></view>
            <view class="head3"><text>胜负</text></view>
            <view class="head4"><text>积分</text></view>
          </view>
          <view class="listbang {{index < 3 ? 'select-item' : 'dis-select-item'}}" wx:key="item" wx:for="{{listbang}}">
            <view class="item sortContent" v-for="(item,index) of list" :key="index">
              <view class="pai {{index < 3 ? 'pai1' : 'pai'}}">{{index+1}}</view>
              <image class="headtou" src="{{item.logo[0].url}}"></image>
              <view class="dui">
                {{item.team_name}}
              </view>
              <view class="fen">
                <text class="score1 {{index < 3 ? 'scorea' : 'scoreb'}}">{{item.win||0}}</text>/ <text>{{item.shu||0}}</text>
              </view>
              <view class="fens">
                <text class="score1 {{index < 3 ? 'scorea' : 'scorec'}}">{{item.integral||0}}</text>
              </view>
            </view>
          </view>
        </van-tab>
      </van-tabs>
    </view>
  </view>
</mobile-main>