bingxue-wechat/pages/contest/ranking/ranking.wxml

<!--pages/contest/ranking/ranking.wxml-->
<view>
  <image src="../../../imgs/contest/ranking/bg.png" class="bg"></image>
  <view class="page-title">排行榜</view>
  <view class="content">
    <view class="navList">
      <view class="{{page==1&&'active'}}" bindtap="togglePage" data-index="1">个人排名</view>
      <view class="{{page==2&&'active'}}" bindtap="togglePage" data-index="2">区排名</view>
      <view class="{{page==3&&'active'}}" bindtap="togglePage" data-index="3">学校排名</view>
    </view>
    <view class="ranking-top">
      <view class="second">
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="num">2</view>
        <view class="nickname">豆丁</view>
        <view class="fraction">99分</view>
      </view>
      <view class="first">
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="num">1</view>
        <view class="nickname">豆丁</view>
        <view class="fraction">99分</view>
      </view>
      <view class="third">
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="num">3</view>
        <view class="nickname">豆丁</view>
        <view class="fraction">99分</view>
      </view>
    </view>
    <view class="ranking-list">
      <view class="ranking-item">
        <view class="order-num">4</view>
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="nickname">乔巴</view>
        <view class="fraction">99分</view>
      </view>
      <view class="ranking-item">
        <view class="order-num">4</view>
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="nickname">乔巴</view>
        <view class="fraction">99分</view>
      </view>
      <view class="ranking-item">
        <view class="order-num">4</view>
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="nickname">乔巴</view>
        <view class="fraction">99分</view>
      </view>
      <view class="ranking-item">
        <view class="order-num">4</view>
        <image mode="widthFix" src="../../../imgs/contest/ranking/avatr.png"></image>
        <view class="nickname">乔巴</view>
        <view class="fraction">99分</view>
      </view>
    </view>
  </view>
</view>