<!--pages/volunteerRanking/volunteerRanking.wxml-->
<custom-navi text="志愿者排名" back="{{true}}" home="{{true}}" bg1="#fff" bg2="#fff" bg3="#fff"></custom-navi>
<view class='volunteerRanking'>
	<view style="height:45px;">
    <view class="title" style="text-align:left;margin-left: 30px;"><text style="color:#EA4968;">级别：</text><text style="color:#696969">区</text></view>
		<view class="title"><text style="color:#EA4968;">角色：</text><text style="color:#696969">{{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.district}}" bindtap="rank4" style="border-bottom:1px solid #F5F5F5;padding-bottom: 10px;">
			<block wx:if="{{index+1==1}}">
				<view class='td'><text class="idNum" style="background:#FF696A;">{{index+1}}</text></view>
			</block>
			<block wx:elif="{{index+1==2}}">
				<view class='td'><text class="idNum" style="background:#FFD36A;">{{index+1}}</text></view>
			</block>
			<block wx:elif="{{index+1==3}}">
				<view class='td'><text class="idNum" style="background:#FFF16A;">{{index+1}}</text></view>
			</block>
			<block wx:else>
				<view class='td'><text class="idNum" style="background:#898989;color:#fff;">{{index+1}}</text></view>
			</block>
			<view class='td' style="color:#EF5577;border-bottom:1rpx solid #EF5577;">{{item.district}}</view>
			<view class='td' style="color:#898989;">{{item.school_count}}</view>
			<view class='td' style="color:#898989;">{{item.ability_point}}</view>
		</view>
	</view>
</view>