court-mobile/pages/ranking/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view class="one">
      <van-tabs active="{{ active }}" bind:change="onChange">
        <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>
          <view class="list {{index < 3 ? 'select-item' : 'dis-select-item'}}" wx:key="item" wx:for="{{ranking}}">
            <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>
          </view>
        </van-tab>
        <van-tab title="团队积分">
          <view class="integral">
            <text class="integral1">排名</text>
            <text class="integral2">队伍</text>
            <text class="integral3">总积分</text>
          </view>
          <view class="lists" wx:key="item" wx:for="{{ranking}}">
            <view class="item sortContent" v-for="(item,index) of list" :key="index">
              <view class="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">{{item.integral||0}}</text>
              </view>
            </view>
          </view>
        </van-tab>
      </van-tabs>
    </view>
  </view>
</mobile-main>