reader/pages/ranking/index.wxml

<view class="rankingBox">
  <view class="podiumBox {{podiumBoxBg}}">
    <view class="tips" bindtap="jumpIntro">榜单说明</view>
    <view class="tips2">周榜</view>
    <view class="podiumContent">
      <view class="user first">
        <image src="{{userList[0].avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{userList[0].eid}}' />
        <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].eid}}' />
        <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].eid}}' />
        <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+3}}</view>
          <image src="{{userList[index+3].avatar}}" class="avatar" bindtap="jumpUserInfo"
            data-uid='{{userList[index+3].eid}}' />
          <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">333</view>
        </view>
      </view>
    </scroll-view>
  </view>
  <view class="footer">
    <view class="left">我的排名<text>{{ranking?ranking:'100+'}}</text></view>
    <view class="rigth">呼朋唤友来加热</view>
  </view>
</view>