reader/pages/ranking/index.wxml

<view class="rankingBox">
    <view class="podiumBox {{podiumBoxBg}}">
        <view class="switchType" bindtap="switchType">
            <view class="ilk {{rankingType=='3'?'current tips2':''}}" data-type='3'>
                热播榜
            </view>
            <view class="ilk {{rankingType=='4'?'current tips2':''}}" data-type='4'>
                挑战PK榜
            </view>
            <view class="ilk {{rankingType=='2'?'current tips2':''}}" data-type='2'>
                邀新榜
            </view>
        </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>