ssj_book/parents/pages/ranking/ranking.wxml

<!--parents//pages/ranking/ranking.wxml-->
<import src="../../../templates/nodata/nodata.wxml" />
<import src="../../../templates/loading/loading.wxml" /> 
<view class='container'>
  <template is='loading' wx:if='{{!isLoaded}}'></template>
  <view class='wrapper' wx:else>
    <view wx:if='{{isMonth}}'>
        <view class='head'>
          <image src='../../../assets/pai_hang_bg.png' class='bg'></image>
          <view class='head-history' bindtap='selectHistory'>查看历史记录</view>
          <view class='head-ranking'>馆内阅读排行榜</view>
        </view>
        <view class='title'>
            <view class='title-left'>
                <view class='title-left-one' bindtap='showModel'>
                  <image src='../../../assets/gan_tan.png' class='title-left-one-img'></image>
                  <text>榜单说明</text>
                </view>
                <view class='title-left-two'>
                  <image src='../../../assets/default_headicon.png' class='title-left-two-img' wx:if='{{!rankingVO.childImg}}'></image>
                  <image src='{{baseImgUrl+rankingVO.childImg}}' class='title-left-two-img' wx:if='{{rankingVO.childImg}}'></image>
                  <view>{{rankingVO.childName}}</view>
                </view>
                <view class='title-left-three {{type==2?"li-blue":""}}'>{{type==2?"总借书":"本月借书"}}总量排第{{rankingVO.ranking}}名</view>
                <view class='title-left-four {{type==2?"li-blue-text":""}}'>
                    <view>借阅次数{{rankingVO.borrowTimes}}</view>
                    <view>借书数量{{rankingVO.borrowNum}}</view>
                </view>
            </view>
            <view class='title-right'>
              <view class='title-right-one {{type==1?"title-top":"title-bottom"}}' data-num='{{1}}' bindtap='selectMonth'>
                <text class='title-right-one-text'>本月排行榜</text>
              </view>
              <view class='title-right-two {{type==2?"title-top":""}}' data-num='{{2}}' bindtap='selectMonth'>
                  <text class='title-right-one-text'>总排行榜</text>
              </view>
            </view>
        </view>
        <view class='li' wx:if='{{list.length>0}}'>
            <view class='li-head'>
                <view>参与人数({{list.length}}人)</view>
                <view>借书总量排名</view>
            </view>
            <view class='li-items' wx:for='{{list}}' wx:key='index'>
                <view>
                    <!-- <text class='li-items-one' wx:if='{{index==0}}'>1</text>
                    <text class='li-items-two' wx:if='{{index==1}}'>2</text>
                    <text class='li-items-three' wx:if='{{index==2}}'>3</text> -->
                    <image src='../../../assets/one.png' class='li-items-img' wx:if='{{index==0}}'></image>
                    <image src='../../../assets/two.png' class='li-items-img' wx:if='{{index==1}}'></image>
                    <image src='../../../assets/three.png' class='li-items-img' wx:if='{{index==2}}'></image>
                    <text wx:if='{{index>2}}' class='li-items-img'>{{index+1}}</text>
                    <image src='{{item.childImg?baseImgUrl+item.childImg:"../../../assets/default_headicon.png"}}' class='li-items-head'></image>
                    <text>{{item.childName}}</text>
                </view>
                <view style='margin:auto 0;'>{{item.borrowNum}}</view>
            </view>
        </view> 
    </view>
    <view wx:if='{{!isMonth}}'>
        <view class='head'>
          <image src='../../../assets/month_bg.png' class='bg' style='height:452rpx;'></image>
          <view class='head-item'>
              <picker mode="date" fields="month" value="{{date}}" start="2017-10" end="{{date}}" bindchange="changeDate">
                  <view class='head-month'>
                    <text>{{date}}</text>
                    <image src='../../../assets/right_white.png' class='head-month-img'></image>
                  </view>
              </picker>
              <view class='head-all'>馆内借书总量排行榜</view>
              <view class='head-people'>参与人数（{{pages}}人）</view>
          </view>
        </view>
        <view class='xl' wx:if='{{list.length>0}}'>
            <view class='ul-item two'>
                <image src='{{list[1].childImg?baseImgUrl+list[1].childImg:"../../../assets/default_headicon.png"}}' class='ul-item-img'></image>
                <image src='../../../assets/no_two.png' class='ul-item-num'></image>
                <view class='ul-item-name'>{{list[1].childName}}</view>
                <view>{{list[1].borrowNum}}本</view>
            </view>
            <view class='ul-item one'>
                <image src='{{list[0].childImg?baseImgUrl+list[0].childImg:"../../../assets/default_headicon.png"}}' class='ul-item-img'></image>
                <image src='../../../assets/no_one.png' class='ul-item-num'></image>
                <view class='ul-item-name'>{{list[0].childName}}</view>
                <view>{{list[0].borrowNum}}本</view>
            </view>
            <view class='ul-item three'>
                <image src='{{list[2].childImg?baseImgUrl+list[2].childImg:"../../../assets/default_headicon.png"}}' class='ul-item-img'></image>
                <image src='../../../assets/no_three.png' class='ul-item-num'></image>
                <view class='ul-item-name'>{{list[2].childName}}</view>
                <view>{{list[2].borrowNum}}本</view>
            </view>
        </view>
        <view class='li' wx:if='{{list.length>0}}'>
            <!-- <view class='li-head'>
                <view>参与人数({{pages}}人)</view>
                <view>借书总量排名</view>
            </view> -->
            <view class='li-items' wx:for='{{list}}' wx:key='index' wx:if='{{index>2}}'>
                <view>
                    <text class='li-items-img'>{{index+1}}</text>
                    <image src='{{item.childImg?baseImgUrl+item.childImg:"../../../assets/default_headicon.png"}}'  class='li-items-head'></image>
                    <text>{{item.childName}}</text>
                </view>
                <view style='margin:auto 0;' wx:if='{{item.borrowNum}}'>{{item.borrowNum}}本</view>
            </view>
        </view> 
        <template is='nodata' data='{{...nodataArray}}' wx:if='{{list.length==0}}'></template>
    </view>
    <!-- 借阅弹幕 -->
        <view class='showModel' bindtap='allShowModel' catchtouchmove="allShowModel" wx:if='{{hiddenModel}}'></view>
        <view class='model' wx:if='{{hiddenModel}}' style='margin:0 130rpx;top:18%'>
            <view class='model-list'>
                <view class='model-list-title'>榜单说明</view>
                <view>本月排行榜：</view>
                <view>本月排行榜为本月当前借书总量排行。每月1号以消息推送方式出榜上个自然月的借书总量排名结果，评选月度前三名，可获得为期一个月的每次借阅数量调整权限：</view>
                <view>第一名：5本；</view>
                <view>第二名：4本；</view>
                <view>第三名：3本；</view>
                <view>第四名及以下：2本</view>
                <view>（注：如果借阅总量相同，则以最后一本书借阅时间为排名标准，先借的排序在前。每个排名只都是唯一的，不并列。）</view>
                <view style='padding:40rpx 0;'>
                    <view>总排行榜：</view>
                    <view>借书总量排行</view>
                </view>
            </view>
            <view class='model-list-del' bindtap='allShowModel'>
              <image src='../../../assets/guan_bi.png' class='model-list-img'></image>
            </view>
            
        </view>
  </view>
</view>