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="{{true}}" indicator-active-color='#ffffff'>
        <block wx:for="{{lb}}" wx:key="*this">
          <swiper-item>
            <image   mode="widthFix" 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="content">
<view class="zm">

      A
      B
      C
      D
      E
      F
      G
      H
      I
      J
      K
      L
      M
      N
      O
      P
      Q
      R
      S
      T
      U
      V
      W
      X
      Y
      Z
                            
</view>
    <view 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>