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 class="banner" indicator-dots="{{true}}" autoplay="" indicator-active-color='#ffffff'>
        <block wx:for="{{lb}}" wx:key="*this">
          <swiper-item>
            <image  src="{{item.img}}"></image>
            <!-- <view class="swiper-item">{{item.text}}</view> -->
          </swiper-item>
        </block>
</swiper>
<view class="search"  wx:if="{{act==3}}"  style="margin-bottom:20rpx;">
    <input 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  mode="widthFix" 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">
          <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={{item.id}}"  wx:key="*this" wx:for-item='jour'>
                        <view>{{jour.name}}</view>
                        <text>{{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>
      </scroll-view>
  </swiper-item>
  <!-- 领域期刊 -->
  <swiper-item>
      <scroll-view scroll-y="true">
          <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={{item.id}}"  wx:key="*this" wx:for-item='jour'>
                        <view>{{jour.ename}}</view>
                        <text>{{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>
      </scroll-view>
  </swiper-item>
  <swiper-item>
    <scroll-view  scroll-y="true">
      <view class="thead">
        <text>最近查询</text><text>最新指数</text><text>日环比</text>
      </view>
      <view class="tbody">
          <view class="tr">
            <text>力学学报</text><text>234</text>
            <text class="per">18.00% <text class="up"></text></text>
          </view>
          <view class="tr">
            <text>力学学报</text><text>234</text>
            <text class="per">18.00% <text class="up"></text></text>
          </view>
          <view class="tr">
            <text>力学学报</text><text>234</text>
            <text class="per">18.00% <text class="up"></text></text>
          </view>
      </view>
      <view class="tbody">
          <view class="tr">
            <text>力学学报</text><text>234</text>
            <text class="per">18.00% <text class="up"></text></text>
          </view>
          <view class="tr">
            <text>力学学报</text><text>234</text>
            <text class="per">18.00% <text class="up"></text></text>
          </view>
          <view class="tr">
            <text>力学学报</text><text>234</text>
            <text class="per">18.00% <text class="up"></text></text>
          </view>
      </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>