zkyxcx/pages/index/index.wxml

<view class="search" bindtap='search' wx:if="{{act!=3}}">
    <!-- <input bindfocus="search" placeholder-style='color:#C8C8C8;' placeholder="输入名称/关键字搜索"></input> -->
    输入名称/关键字搜索
    <image  mode="widthFix" src="../images/search.png"></image>
</view>

<swiper catchtap="toBanner" class="banner" indicator-dots="{{true}}" autoplay="true" interval="5000" circular="true" indicator-active-color='#ffffff'>
        <block wx:for="{{lb}}" wx:key="*this">
          <swiper-item>
            <image  src="{{item.img}}" data-id="{{item.url}}"></image>
            <!-- <view class="swiper-item">{{item.text}}</view> -->
          </swiper-item>
        </block>
</swiper>
<view class="search"  wx:if="{{act==3}}"  style="margin-bottom:20rpx;">
    <input bindinput="search1" value="{{keyword}}" placeholder-style='color:#C8C8C8;' placeholder="输入期刊名称进行搜索"></input>
    <image  mode="widthFix" src="../images/search.png"></image>
</view>
<view class="tab">
    <text bindtap="tab" data-id='0' class="{{act == 0?'active':''}}">中科院全刊</text>
    <text bindtap="tab" data-id='1' class="{{act == 1?'active':''}}">主办单位</text>
    <text bindtap="tab" data-id='2' class="{{act == 2?'active':''}}">领域期刊</text>
    <text bindtap="tab" data-id='3' class="{{act == 3?'active':''}}">传播指数</text>
</view>

<view  wx:if='{{act==0}}' id='nav' class="nav {{touchmove == 1?'touchmove':''}}" bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend">
  <view id="nav_item" wx:for="{{zimu_list}}" wx:key="" data-index="{{index}}" 
        data-id='{{item}}'      bindtap="scroll">
    {{zimu_list[index]}}
  </view>
</view>

<swiper class="myswiper" circular="{{true}}"  bindchange='swchange' current='{{act}}' autoplay="{{false}}">
<!-- 全刊 -->
  <swiper-item>
    <scroll-view scroll-y="true" scroll-into-view="{{scroll}}" class="content">
        <view wx:for='{{journals}}'>
          <view id="{{item.name}}" class="tt">{{item.name}}</view>
          <navigator url="../journalDetail/journalDetail?id={{item.id}}" class="list" wx:for='{{item.journals}}' wx:key="journals{{index}}">
              <image  src="{{item.img}}"></image>
              <view>
                  <view class="title">{{item.name}}</view>
                  <text>微信号：{{item.wxcode}}</text>
                  <text>主编：{{item.editor}}</text>
                  <text class="">主办单位：{{item.publishingUnit}}</text>
              </view>
          </navigator>
        </view>
    </scroll-view>
  </swiper-item>
  <!-- 主办单位 -->
  <swiper-item>
      <scroll-view  scroll-y="true" bindscrolltolower='next_org'>
          <view class="dw" wx:for='{{organizers}}' wx:key="organizers{{index}}">
              <navigator class="dw_title" url="../list/list?organizer_id={{item.id}}&title={{item.name}}">
                <view>{{item.name}}</view>
                <image mode="widthFix"  src="../images/left.png"></image><text wx:if='{{item.total_journal>0}}'>{{item.total_journal}} </text>
               </navigator>
              <view class="dw_list">
                    <navigator wx:for='{{item.journals}}' url="../journalDetail/journalDetail?id={{jour.id}}"  wx:key="*this" wx:for-item='jour'>
                        <view>{{jour.name}}</view>
                        <text class="jdesc">{{jour.desc}}</text>
                    </navigator>
                    <view wx:if='{{item.istop}}' bindtap="cancel_top" data-type='organizer' data-id='{{item.id}}' class="top cancel">取消置顶</view>
                    <view wx:else bindtap="top" data-type='organizer' data-id='{{item.id}}' class="top">置顶</view>
              </view>
          </view>
          <block wx:if='{{total_org>=20}}'>
          <view class='more' wx:if='{{organizers.length < total_org}}'>上拉加载更多...</view>
          <view class='more' wx:else>已加载全部数据！</view>
          </block>
      </scroll-view>
  </swiper-item>
  <!-- 领域期刊 -->
  <swiper-item>
      <scroll-view scroll-y="true" bindscrolltolower='next_sub'>
          <view class="dw" wx:for='{{subjects}}' wx:key="*this">
              <navigator class="dw_title" url="../list/list?subject_id={{item.id}}&title={{item.name}}"><view>{{item.name}}</view>
              <image mode="widthFix"  src="../images/left.png"></image>
              <text wx:if='{{item.total_journal>0}}'>{{item.total_journal}} </text> 
              </navigator>
              <view class="dw_list">
                    <navigator wx:for='{{item.journals}}' url="../journalDetail/journalDetail?id={{jour.id}}"  wx:key="*this" wx:for-item='jour'>
                        <view>{{jour.name}}</view>
                        <text class="jdesc">{{jour.desc}}</text>
                    </navigator>
                    <view wx:if='{{item.istop}}' bindtap="cancel_top" data-type='subject' data-id='{{item.subject_id}}' class="top cancel">取消置顶</view>
                    <view wx:else bindtap="top" data-id='{{item.id}}' data-type='subject' class="top">置顶</view>
              </view>
          </view>
          <block wx:if='{{total_sub>=20}}'>
          <view class='more' wx:if='{{subjects.length < total_sub}}'>上拉加载更多...</view>
          <view class='more' wx:else>已加载全部数据！</view>
          </block>
      </scroll-view>
  </swiper-item>
  <swiper-item>
    <scroll-view  scroll-y="true" style="background:#fff;">
        <view class="picker_sub">
              <picker value="{{sub_value}}" range-key='name' bindchange="subChange"	 
            range="{{sub_list}}">{{sub_list[sub_value].name}}
            <image class="zk" mode="widthFix"  src="../images/zk.png"></image></picker>
        </view>
        <view class="tab_container">
          <view class="tab_item" style="width:{{100/value.length}}%" wx:for="{{value}}"
           bindtap="onTabItemClick"  data-tabs="{{index}}">
              <view class="{{(select==index)?'tab_item_checked':'tab_item_normal'}}">{{item}}</view>
              <view wx:if="{{select==index}}" class="tab-line"></view>
          </view>
        </view>
        <view class="date">
            <view class="day" wx:if='{{select==0}}'>
              <picker bindchange="bindDateChange" mode='date'  end='{{yestoday1}}'
              value="{{yestoday}}">{{yestoday}}<image class="zk" mode="widthFix"  src="../images/zk.png"></image></picker>
            </view>
            <view class="day" bindtap="open" wx:if='{{select==1}}'>{{week}}<image class="zk" mode="widthFix"  src="../images/zk.png"></image></view>
            <view class="day" wx:if='{{select==2}}'>
              <picker bindchange="bindDateChange1" mode='date' start='2018-01-01' fields='month'
                value="{{month}}">{{month}}<image class="zk" mode="widthFix"  src="../images/zk.png"></image></picker>
              </view>
        </view>
        <scroll-view scroll-y="true" scroll-top='{{top_csi}}' bindscrolltolower='next_csi' style="height: calc(100vh - 660rpx);">
            <navigator url="../number/number?id={{item.journal_id}}" class="num_list" wx:for='{{casci_list}}'>
              <view class="order" wx:if='{{index <= 2}}'>
                <image src="{{'../images/t'+(index+1)+'.png'}}"></image>
              </view>
              <view class="order" wx:if='{{index > 2}}'>{{index+1}}</view>
              <image src="{{item.journal_img}}"></image>
              <view class="j_name">{{item.journal_name}}</view>
              <view class="num">
                <text>CASCI</text>
                <text style="color:#0077FF;">{{item.casci}}</text>
              </view>
            </navigator>
            <block wx:if='{{total_csi>=20}}'>
            <view class='more' wx:if='{{casci_list.length < total_csi}}'>上拉加载更多...</view>
            <view class='more' wx:else>已加载全部数据！</view>
            </block>
            <view wx:if='{{total_csi<=0}}' style="color:#999;margin:100rpx 0;text-align:center;">暂无期刊！</view>
        </scroll-view>
        
    </scroll-view>
  </swiper-item>
</swiper>
<!-- 当前选择字母提示框 -->
<view class="hint_bok" hidden="{{hiddenn}}">{{nav_text}}</view>


<view class="login" wx:if='{{show}}'>
    <view>
        <view>
          <image src="../images/logo.png" mode="widthFix"></image>
        </view>
        <text class="xx">申请获取您的用户信息(头像、昵称等)</text>
        <button bindtap="onGotUserInfo">确定</button>
    </view>
</view>

<view class="bg" wx:if='{{show_month}}'>
    <view class="months">
            <view class="btn_title"> 
              <text bindtap="close" class="qx">取消</text>
              <text bindtap="monthSelect"  class="sure">确认</text>
            </view>
            <scroll-view scroll-y="true"  scroll-top='{{week_h}}' style="height:40vh;">
              <view wx:for='{{columns}}' class="{{(m_value==index)?'select':''}}" 
              data-id='{{index}}' bindtap="changeMonth">
              {{item}}<icon wx:if="{{m_value==index}}"  
              class="icon-small" color='#0077FF' type="success_no_circle" size="18 "></icon></view>
            </scroll-view>
      </view>
</view>