<!--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>{{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 class="rank-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" bindtap="more" data-flag="{{flag}}" wx:if="{{height}}">
        查看更多
    </view>
</view>