reader/pages/ranking/index.wxml

<view class="rankingBox">
  <view class="podiumBox {{podiumBoxBg}}">
    <view class="dateBox">
      <text class="dataTitle" style="color:{{color}}">第{{currentWeek}}期</text>
      <text class="interval">{{weekBegin+'-'+weekEnd}}</text>
    </view>
    <view class="podiumContent">
      <view class="user first">
        <image src="{{userList[0].avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{userList[0].uid}}' />
        <view class="iconBox">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num">{{userList[0].count}}</view>
        </view>
        <view class="nickName textOver">
          {{userList[0].nickName||userList[0].eid}}
        </view>
      </view>
      <view class="user second">
        <image src="{{userList[1].avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{userList[1].uid}}' />
        <view class="iconBox">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num">{{userList[1].count}}</view>
        </view>
        <view class="nickName textOver">
          {{userList[1].nickName||userList[1].eid}}
        </view>
      </view>
      <view class="user third">
        <image src="{{userList[2].avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{userList[2].uid}}' />
        <view class="iconBox">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num">{{userList[2].count}}</view>
        </view>
        <view class="nickName textOver">
          {{userList[2].nickName||userList[2].eid}}
        </view>
      </view>
    </view>
  </view>
  <view class="podiumList">
    <scroll-view scroll-y="true" enhanced="true" show-scrollbar="{{false}}" class="scrollBox">
      <view class="row" wx:for="{{userList.length-3}}" wx:key="index">
        <view class="left">
          <view class="num">{{index+4}}</view>
          <image src="{{userList[index+3].avatar}}" class="avatar" bindtap="jumpUserInfo"
            data-uid='{{userList[index+3].uid}}' />
          <view class="nickName textOver">
            {{userList[index+3].nickName||userList[index+3].eid}}
          </view>
        </view>
        <view class="right">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num"> {{userList[index+3].count}}</view>
        </view>
      </view>
    </scroll-view>
  </view>
  <view class="footer">
    <view class="left">我的排名<text>{{ranking?ranking:'100+'}}</text></view>
    <button class="resetBtn rigth" open-type="share" wx:if="{{rankingType!=4}}">
      <image src="/static/forward.png" class="share" />呼朋唤友来加热
    </button>
    <button class="resetBtn rigth" wx:else bindtap="jumpIndex">
      我要冲榜
    </button>
  </view>
</view>