<!--pages/volunteerRanking/volunteerRanking.wxml-->
<custom-navi text="志愿者排名" back="{{true}}" home="{{true}}"></custom-navi>
<view class='volunteerRanking'>
  <view style="height:45px;">
 <view class="title" style="text-align:left;margin-left: 30px;"><text style="color:#82A4D4;">级别：</text><text>城市</text></view>
  <view class="title"><text style="color:#82A4D4;">角色：</text><text>{{name}}</text></view>
</view>
  <view class='table'>
  <view style="border-top: 4px solid #F5F5F5;"></view>
    <view class='tr'>
      <view class='th'>排名</view>
      <view class='th'>城市</view>
      <view class='th'>学校</view>
      <view class='th'>能力分</view>
    </view>
    <view style="border-bottom: 4px solid #F5F5F5;"></view>
    <view wx:for="{{rankList}}" class='tr' wx:key="{{index}}" data-index="{{item.city}}" bindtap="rank3" style="border-bottom:1px solid #F5F5F5;padding-bottom: 10px;">
      <block wx:if="{{index+1==1}}">
        <view class='td'><text class="idNum" style="background:#FFF17C;">{{index+1}}</text></view>
      </block>
      <block wx:if="{{index+1==2}}">
        <view class='td'><text class="idNum" style="background:#F6F6F6;">{{index+1}}</text></view>
      </block>
      <block wx:if="{{index+1==3}}">
        <view class='td'><text class="idNum" style="background:#FED650;color:#fff;">{{index+1}}</text></view>
      </block>
      <view class='td'>{{item.city}}</view>
      <view class='td' style="color:#82A4D4;">{{item.district_count}}所</view>
      <view class='td'>{{item.ability_point}}</view>
    </view>
  </view>
</view>