reader/pages/inviteRanking/index.wxml

<view class="rankingBox">
    <view class="podiumBox invitation">
        <view class="dateBox">
            邀新排行榜
        </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="/static/yx.png" class="icon" />
                    <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="/static/yx.png" class="icon" />
                    <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="/static/yx.png" class="icon" />
                    <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="/static/yx.png" class="icon" />
                    <view class="num"> {{userList[index+3].count}}</view>
                </view>
            </view>
        </scroll-view>
    </view>
    <view class="footer">
        <view class="detail">
            <view class="left">
                <image src="{{userInfo.avatar}}" class="avatar" />
                <view class="nickName textOver">{{userInfo.nickName}}</view>
            </view>
            <view class="right">
                <view class="info">
                    <view class="i1">第33名</view>
                    <view class="i2">距离上一名还差5</view>
                </view>
                <view class="num">
                    10
                </view>
            </view>
        </view>
        <view class="operate">
            <view class="record">邀请记录</view>
            <button class="resetBtn share" open-type="share">
                邀请我的同学朋友
            </button>
        </view>
    </view>
</view>