xzy/pages/app/retailRank.wxml

<view class="content">
    <view class="rank-top">
        <image class="rank-bg" mode="widthFix" src="https://xls.shuibo.net/img/saleBg.png"></image>
        <view class="rank-top-box">
            <view class="rank-top2">
                <view class="rank-top2-img-box">
                    <image class="rank-top2-avatar" src="{{Top2.avatar||'/static/error/missing-face.png'}}"></image>
                    <image class="rank-top2-no2" src="../../static/img/No2.png"></image>
                </view>
                <view class="rank-top2-name">{{Top2.nickname||'待定'}}</view>
                <view class="rank-top2-num">{{$root.f0}}</view>
            </view>
            <view class="rank-top1">
                <view class="rank-top1-img-box">
                    <image class="rank-top1-avatar" src="{{Top1.avatar||'/static/error/missing-face.png'}}"></image>
                    <image class="rank-top1-no1" src="../../static/img/No1.png"></image>
                </view>
                <view class="rank-top1-name">{{Top1.nickname||'待定'}}</view>
                <view class="rank-top1-num">{{$root.f1}}</view>
            </view>
            <view class="rank-top3">
                <view class="rank-top3-img-box">
                    <image class="rank-top3-avatar" src="{{Top3.avatar||'/static/error/missing-face.png'}}"></image>
                    <image class="rank-top3-no3" src="../../static/img/No3.png"></image>
                </view>
                <view class="rank-top3-name">{{Top3.nickname||'待定'}}</view>
                <view class="rank-top3-num">{{$root.f2}}</view>
            </view>
        </view>
    </view>
    <view class="rank-box" wx:if="{{list.length>0}}">
        <view class="rank-frame">
            <view class="rank-list-title">
                <view style="width:100rpx;">排名</view>
                <view class="list-title">用户名</view>
                <view class="list-sum">WDC数量</view>
            </view>
            <view class="rank-list-box" wx:for="{{$root.l0}}" wx:key="index">
                <view class="rank-list-top">
                    <image class="rank-list-bg" src="../../static/img/NoBg.png" wx:if="{{index+1<4}}"></image>
                    <view class="{{[index+1<4?'rank-list-no':'']}}">{{index+1}}</view>
                </view>
                <view class="rank-list-user">
                    <image class="rank-list-avatar" src="{{item[$orig].avatar||'/static/error/missing-face.png'}}"></image>
                    <text class="rank-list-name">{{item[$orig].nickname}}</text>
                </view>
                <view class="rank-list-num">{{item.f3}}</view>
            </view>
        </view>
    </view>
</view>