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">
        <block wx:for="{{friendsThreeData}}" wx:key="{{index}}">
            <view class="head-rank-{{item.rank == 2 ? '0' : (item.rank == 3 ? '2' : item.rank)}}">
                <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>
        </block>
    </view>
    <view class="rank-list" animation="{{animationData}}" style="height: {{height}}rpx">
        <view class="rank-friend" wx:for="{{friendsData}}" wx:key="{{index}}">
            <view class="rank-head">
                <text class="rank-text">{{item.rank}}</text>
                <image src="{{item.users.headImgUrl}}" class="head-img"></image>
                <text style="width: 120px; overflow: hidden;">{{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 wx:if="{{indexs == 1}}" class="rank-text">{{rankData.expRank == '0' ? '1000+' : rankData.expRank}}</text>
            <text wx:elif="{{indexs == 2}}" class="rank-text">{{rankData.userQuestionRank == '0' ? '1000+' : rankData.userQuestionRank}}</text>
            <text wx:elif="{{indexs == 3}}" class="rank-text">{{rankData.userQuestionCorrectRank == '0' ? '1000+' : rankData.userQuestionCorrectRank}}</text>
            <text wx:else class="rank-text">{{rankData.userMetalRank == '0' ? '1000+' : rankData.userMetalRank}}</text>
            <image src="{{rankData.users.headImgUrl}}" class="head-img"></image>
            <text style="width: 120px; overflow: hidden;">{{rankData.users.wechatName}}</text>
        </view>
        <!--判断显示个人排名-->
        <view wx:if="{{indexs == 1}}">
            <text class="medal-num" style="color: #5b82fa">LV{{rankData.level}}({{rankData.exp}})</text>
        </view>
        <view wx:elif="{{indexs == 2}}">
            <text class="medal-num" style="color: #5b82fa">{{rankData.userQuestionNum}}题</text>
        </view>
        <view wx:elif="{{indexs == 3}}">
            <text class="medal-num" style="color: #5b82fa">{{rankData.userQuestionAccuracy}}%</text>
        </view>
        <view wx:else>
            <text class="medal-num" style="color: #5b82fa">{{rankData.userMetalNum}}枚</text>
        </view>
    </view> 
    <view class="particular" bindtap="more" data-flag="{{flag}}" wx:if="{{height && flag}}">
        查看更多
    </view>
</view>