zkyxcx/pages/index/index.wxml

<view class="search">
    <input placeholder="输入名称/关键字搜索"></input>
    <image  mode="widthFix" src="../images/search.png"></image>
</view>

<swiper indicator-dots="{{true}}" autoplay="" indicator-active-color='#ffffff'>
        <block wx:for="{{lb}}" wx:key="*this">
          <swiper-item>
            <image  src="../images/233.jpg"></image>
            <!-- <view class="swiper-item">{{item.text}}</view> -->
          </swiper-item>
        </block>
</swiper>

<view class="tab">
    <text class="active">中科院全刊</text>
    <text>主办单位</text>
    <text>领域期刊</text>
    <text>传播指数</text>
</view>

<!-- <view class="zm">
          <view data-id='a' bindtap="scroll">A</view>
          <view data-id='b' bindtap="scroll">B</view>
          <view data-id='c' bindtap="scroll">C</view>
          <view data-id='d' bindtap="scroll">D</view>
          <view data-id='e' bindtap="scroll">E</view>
          <view data-id='f' bindtap="scroll">F</view>
          <view data-id='g' bindtap="scroll">G</view>
          <view data-id='h' bindtap="scroll">H</view>
          <view data-id='i' bindtap="scroll">I</view>
          <view data-id='j' bindtap="scroll">J</view>
          <view data-id='k' bindtap="scroll">K</view>
          <view data-id='l' bindtap="scroll">L</view>
          <view data-id='m' bindtap="scroll">M</view>
          <view data-id='n' bindtap="scroll">N</view>
          <view data-id='o' bindtap="scroll">O</view>
          <view data-id='p' bindtap="scroll">P</view>
          <view data-id='q' bindtap="scroll">Q</view>
          <view data-id='r' bindtap="scroll">R</view>
          <view data-id='s' bindtap="scroll">S</view>
          <view data-id='t' bindtap="scroll">T</view>
          <view data-id='u' bindtap="scroll">U</view>
          <view data-id='v' bindtap="scroll">V</view>
          <view data-id='w' bindtap="scroll">W</view>
          <view data-id='x' bindtap="scroll">X</view>
          <view data-id='y' bindtap="scroll">Y</view>
          <view data-id='z' bindtap="scroll">Z</view>                            
</view> -->
<view 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>
<scroll-view scroll-y="true" scroll-into-view="{{scroll}}" class="content">
    
    <view id="a" class="tt">A</view>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <view id="b" class="tt">B</view>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <view id="c" class="tt">C</view>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <view id="d" class="tt">D</view>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <view id="e" class="tt">E</view>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
    <navigator class="list">
        <image  mode="widthFix" src="../images/qk1.jpeg"></image>
        <view>
            <view class="title">Acta Mathematicae Applicata...</view>
            <text>微信号：暂无</text>
            <text>主编：丁夏畦</text>
            <text>主办单位：中国科学院数学与系统科学...</text>
        </view>
    </navigator>
</scroll-view>


<!-- 当前选择字母提示框 -->
<view class="hint_bok" hidden="{{hiddenn}}">{{nav_text}}</view>