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="/static/tj2.png" class="avatar" />
        <view class="iconBox">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num">333</view>
        </view>
        <view class="nickName textOver">
          淡定的小鱼人
        </view>
      </view>
      <view class="user second">
        <image src="/static/tj2.png" class="avatar" />
        <view class="iconBox">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num">333</view>
        </view>
        <view class="nickName textOver">
          淡定的小鱼人
        </view>
      </view>
      <view class="user third">
        <image src="/static/tj2.png" class="avatar" />
        <view class="iconBox">
          <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
          <view class="num">333</view>
        </view>
        <view class="nickName textOver">
          淡定的小鱼人
        </view>
      </view>
    </view>
  </view>
  <view class="podiumList">
    <scroll-view scroll-y="true" enhanced="true" show-scrollbar="{{false}}" class="scrollBox">
      <view class="row" wx:for="{{20}}" wx:key="index">
        <view class="left">
          <view class="num">4</view>
          <image src="/static/tj2.png" class="avatar" />
          <view class="nickName textOver">奥克斯</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>100+</text></view>
    <view class="rigth">呼朋唤友来加热</view>
  </view>
</view>