zkyxcx/pages/index/index.wxml

<view class="search" wx:if="{{act!=3}}">
    <input 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="../images/233.jpg"></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 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  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 circular="{{true}}" style="height:60vh;" bindchange='swchange' current='{{act}}' autoplay="{{false}}">
  <swiper-item>
    <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 class="">主办单位：中国科学院数学与系统科学中国科学院数学与系统科学</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 class="">主办单位：中国科学院数学与系统科学...</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>
  </swiper-item>
  <swiper-item>
      <scroll-view  scroll-y="true">
          <view class="dw">
              <view class="dw_title">数学与系统科学研究所   
              <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
              <view class="dw_list">
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <view class="top cancel">取消置顶</view>
              </view>
          </view>
          <view class="dw">
              <view class="dw_title">数学与系统科学研究所   
              <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
              <view class="dw_list">
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <view class="top">置顶</view>
              </view>
          </view>
      </scroll-view>
  </swiper-item>
  <swiper-item>
      <scroll-view scroll-y="true">
          <view class="dw">
              <view class="dw_title">数学与系统科学研究所   
              <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
              <view class="dw_list">
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <view class="top cancel">取消置顶</view>
              </view>
          </view>
          <view class="dw">
              <view class="dw_title">数学与系统科学研究所   
              <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
              <view class="dw_list">
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <navigator>
                        <view>《数学学报》</view>
                        <text>华罗庚“典型域上的多元复变数函数论”</text>
                    </navigator>
                    <view 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>