<!--pages/list/list.wxml-->

<!-- 教师端顶部 -->
<view class='list_Top'>
    <view class='list_TopImg'>
        <image src='/image/62.png'></image>
    </view>
    <view class='list_TopLeft'>
        <view class='list_TopTxt'>小红花排行榜</view>
        <view class='picker'>
            <view class='pickerTxt' wx:if="{{id == 1&&!searchShow}}">{{list.starttime}}</view>
            <view class='pickerTxt' wx:if="{{id == 2||searchShow}}">{{list.starttime}}--{{list.endtime}}</view>
            <view class='pickerTxt' wx:if="{{id == 3}}">{{list.starttime}}</view>
        </view>
        <view class="picker diySearch" bindtap="searchAction">
          <image src="/image/cancler.png"></image>自定义查询
        </view>
    </view>
    
    <view class='lisy_Topfen' wx:if="{{Nofen == 9}}">
        <button open-type='share'>
            <image src='/image/8.png'></image>
        </button>
    </view>
</view>
<!-- 内容 -->
<view class='listBox'>
    <!-- 教师端导航 -->
    <view class='list_Nav'>
        <view class="list_NavTxt {{searchShow?'':(id==1?'list_NavActive':'')}}" data-id="1" bindtap='gay'>日排名</view>
        <view class="list_NavTxt {{searchShow?'':(id==2?'list_NavActive':'')}}" data-id="2" bindtap='gay'>周排名</view>
        <view class="list_NavTxt {{searchShow?'':(id==3?'list_NavActive':'')}}" data-id="3" bindtap='gay'>月排名</view>
    </view>
    <!-- 排行 -->
    <view class='list_Con'>
        <!-- 前三排行 -->
        <view class='listConTop'>
            <view class='listConTopLi' wx:key>
                <view class='listConImg1'>
                    <image src='/image/32.png'></image>
                </view>
                <view class='listConImg2'>
                    <image src='{{two.image}}'></image>
                </view>
                <view class='listConflower' wx:if="{{two!=''}}">
                    <view class='flowerImg'>
                        <image src='/image/56.png'></image>
                    </view>
                    <view class='flowerTxt'>{{two.nowreward}}</view>
                </view>
                <view class='listConName'>{{two.name}}</view>
            </view>

            <view class='listConTopLi liatConOne'>
                <view class='listConOneImg'>
                    <image src='/image/54.png'></image>
                </view>
                <view class='listConOneImg2'>
                    <image src='{{one.image}}'></image>
                </view>
                <view class='listConflower' wx:if="{{one!=''}}">
                    <view class='flowerImg'>
                        <image src='/image/56.png'></image>
                    </view>
                    <view class='flowerTxt'>{{one.nowreward}}</view>
                </view>
                <view class='listConName'>{{one.name}}</view>
                <view class='list_Oneleft'>
                    <image src='/image/28.png'></image>
                </view>
                <view class='list_OneRight'>
                    <image src='/image/27.png'></image>
                </view>
            </view>
            <view class='listConTopLi'>
                <view class='listConImg1'>
                    <image src='/image/55.png'></image>
                </view>
                <view class='listConImg2'>
                    <image src='{{there.image}}'></image>
                </view>
                <view class='listConflower' wx:if="{{there!=''}}">
                    <view class='flowerImg'>
                        <image src='/image/56.png'></image>
                    </view>
                    <view class='flowerTxt'>{{there.nowreward}}</view>
                </view>
                <view class='listConName'>{{there.name}}</view>
            </view>
        </view>
        <!-- 之后 -->
        <view class='list_ConAfter'>
            <view class='list_ConAfterLi' wx:for="{{listtow}}"  wx:key>
                <view class='afterTxt1'>{{list.bef.length+index+1}}</view>
                <view class='afterImg1'>
                    <image src='{{item.image}}'></image>
                </view>
                <view class='afterTxt2'>{{item.name}}</view>
                <view class='afterflower'>
                    <view class='afterImg3'>
                        <image src='/image/56.png'></image>
                    </view>
                    <view class='afterTxt3'>{{item.nowreward}}</view>
                </view>
            </view>
        </view>
    </view>
</view>

<!-- 选择时间弹窗 -->
<view class="mask" wx:if='{{search}}'>
  <view class="time_picker">
    <view class="close" catchtap="closeSearch">
      <image src="/image/83.png"></image>
    </view>
    <view class="title">请选择查询范围</view>
    <view class="time_during">
      <view class="start_time time_item">
        <picker mode="date" value="{{date}}" start="2015-09-01" end="{{timeLimit}}" bindchange="bindDateChangeStart">
          <view>
             {{startTime}}
          </view>
        </picker>
      </view>

      <view>到</view>

      <view class="end_time  time_item">
        <picker mode="date" value="{{date}}" start="{{startTime}}" end="{{timeLimit}}" bindchange="bindDateChangeEnd">
          <view >
             {{endTime}}
          </view>
        </picker>
      </view>
    </view>
    <view class="makeSure" bindtap="searchConfirm">确定</view>
  </view>
</view>