efunbox-schedule-miniApps/compontents/ranking/ranking.wxml

<!--compontents/ranking/ranking.wxml-->
<view class="ranking">
    <view class="title">
        <text>{{title}}</text>
    </view>
    <view class="my-rank">
        <view class="head-rank" wx:for="{{friendsThreeData}}" wx:key="{{index}}">
            <image src="{{item.users.headImgUrl}}" class="big-head-img"></image>
            <view class="head">
                <image src="../../pages/image/bg_{{item.rank}}.png" class="bg"></image>
            </view>
            <view class="txt">
                <text class="name">{{item.users.wechatName}}</text>
                <text wx:if="{{myData.exp >= 0}}" class="medal-num">LV{{item.number}}({{item.exp}})</text>
                <text wx:else class="medal-num">{{item.number}}{{str}}</text>     
            </view>      
        </view>
    </view>
    <view class="rank-list">
        <view class="rank-friend" wx:for="{{friendsData}}" wx:key="{{index}}">
            <view class="rank-head">
                <text>{{item.rank}}</text>
                <image src="{{item.users.headImgUrl}}" class="head-img"></image>
                <text>{{item.users.wechatName}}</text>
            </view>
            <text wx:if="{{myData.exp >= 0}}" class="medal-num">LV{{item.number}}({{item.exp}})</text>
            <text wx:else class="medal-num">{{item.number}}{{str}}</text>
        </view> 
    </view>
    <view class="my-rank-list">
        <view class="rank-head">
            <text>{{myData.rank}}</text>
            <image src="{{myData.users.headImgUrl}}" class="head-img"></image>
            <text>{{myData.users.wechatName}}</text>
        </view>
        <text wx:if="{{myData.exp >= 0}}" class="medal-num" style="color: #5b82fa">LV{{myData.number}}({{myData.exp}})</text>
        <text wx:else class="medal-num" style="color: #5b82fa">{{myData.number}}{{str}}</text>
    </view> 
    <view class="particular">
        查看更多
    </view>
</view>