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