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 style="width: 100%; height: 240px; background-color: #eeeeee;" src="{{src}}"></image>
    </view>
    <view class="two">
      <view class="list" wx:key="item" wx:for="{{list}}">
        <view class="listtou">
          <view class="name">{{item.name}}</view>
          <view class="listbut"> <button class="button" size="mini" style="background:rgb(238, 147, 28);" wx:if="{{item.state == '进行中'}}">{{item.state}}</button>
            <button class="button" size="mini" style="background:rgb(238, 88, 28);" wx:if="{{item.state == '待比赛'}}">{{item.state}}</button>
            <button class="button" size="mini" style="background:rgb(54, 233, 48)" wx:if="{{item.state == '报名中'}}">{{item.state}}</button>
            <button class="button" size="mini" style="background:rgb(136, 136, 136);" wx:if="{{item.state == '已结束'}}">{{item.state}}</button>
          </view>
        </view>
        <view class="left1">
          <view class="otherInfos">
            <text class="text1">{{item.datestart}}</text>
            -
            <text class="text1">{{item.dateend}}</text>
          </view>
          <view class="otherInfoq"><text class="text3">{{item.address}}</text></view>
          <view class="otherInfo"><text class="text3">{{item.match}}</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="{{lists}}">
              <view class="thr1">
                <view class="thr-left">
                  <image class="img" src="{{item.head}}"></image>
                </view>
                <view class="thr-right"><text class="thrname">{{item.name}}</text> </view>
                <view><text class="thrperson">{{item.person}}人</text> </view>
              </view>
            </view>
          </view>
        </van-tab>
        <van-tab title="赛程列表">
          <view class="root">
            <image class='background-image' src='/image/huang.png'></image>
            <view class="content">
              <view class="four" wx:if="{{listbisai.length!=0}}" wx:key="item" wx:for="{{listbisai}}">
                <view class="four-1">
                  <view class="fourleft3">
                    <text class="fourtext5">{{item.start}}</text>
                    <text class="fourtext6">{{item.date}} {{item.time}}</text>
                  </view>
                  <view class="fourright4">
                    <view class="fourright1_1">
                      <text class="fourtext4-1">{{item.match}}</text>
                      <text class="fourtext4-1">{{item.group}}</text>
                    </view>
                    <view class="fourright1_2">
                      <view class="fourright1_2o">
                        <image class="fourhead1" src="{{item.head1}}"></image>
                      </view>
                      <view class="fourright1_2t"><text>{{item.groupname1}}</text></view>
                      <view class="fourright1_2i">
                        <text class="fourtext6-1">{{item.fraction1}}</text>
                        <text class="fourtext8-1">:</text>
                        <text class="fourtext7-1">{{item.fraction2}}</text>
                      </view>
                      <view class="fourright1_2t"><text>{{item.groupname2}}</text></view>
                      <view class="fourright1_2o">
                        <image class="fourhead2" src="{{item.head2}}"></image>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="root">
            <image class='background-image' src='/image/hhh.png'></image>
            <view class="content">
              <view class="four" wx:if="{{listbisai.length!=0}}" wx:key="item" wx:for="{{listbisai}}">
                <view class="four-1">
                  <view class="fourleft3">
                    <text class="fourtext5">{{item.start}}</text>
                    <text class="fourtext6">{{item.date}} {{item.time}}</text>
                  </view>
                  <view class="fourright4">
                    <view class="fourright1_1">
                      <text class="fourtext4-1">{{item.match}}</text>
                      <text class="fourtext4-1">{{item.group}}</text>
                    </view>
                    <view class="fourright1_2">
                      <view class="fourright1_2o">
                        <image class="fourhead1" src="{{item.head1}}"></image>
                      </view>
                      <view class="fourright1_2t"><text>{{item.groupname1}}</text></view>
                      <view class="fourright1_2i">
                        <text class="fourtext6-1">{{item.fraction1}}</text>
                        <text class="fourtext8-1">:</text>
                        <text class="fourtext7-1">{{item.fraction2}}</text>
                      </view>
                      <view class="fourright1_2t"><text>{{item.groupname2}}</text></view>
                      <view class="fourright1_2o">
                        <image class="fourhead2" src="{{item.head2}}"></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.head}}"></image>
              <view class="dui">
                {{item.name}}
              </view>
              <view class="fen">
                <text class="score1 {{index < 3 ? 'scorea' : 'scoreb'}}">{{item.score1}}</text>/ <text>{{item.score2}}</text>
              </view>
              <view class="fens">
                <text class="score1 {{index < 3 ? 'scorea' : 'scorec'}}">{{item.score0}}</text>
              </view>
            </view>
          </view>
        </van-tab>
      </van-tabs>
    </view>
  </view>
</mobile-main>