zkyxcx/pages/learning/learning.wxml

<view class="search">
    <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>


<swiper circular="{{true}}" style="height:83vh;" bindchange='swchange' current='{{act}}' autoplay="{{false}}">
  <swiper-item>
      <scroll-view scroll-y="true">
          <view class="part">
              <view class="title">精品推荐   <navigator>查看更多</navigator></view>
              <view class="tj">
                  <navigator wx:for="{{arct}}">
                    <image  mode="widthFix" src="{{item.img}}"></image>
                    <view>{{item.name}}</view>
                    <text>{{item.desc}}</text>
                  </navigator>  
              </view>
          </view>

          <view class="part">
              <view class="title">热门活动   <navigator>查看更多</navigator></view>
              <view class="hd">
                  <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
                      <image  mode="widthFix" src="{{item.img}}"></image>
                      <view>
                          <view class="tt">{{item.name}}  </view>
                          <text class="ly">来源 :地球化学研究所 <text>2018.5.28</text></text>
                          <text>{{item.desc}}</text>
                      </view>
                  </navigator> 
              </view>
          </view>

          <view class="part">
              <view class="title">活动预告   <navigator>查看更多</navigator></view>
              <view class="hd">
                  <navigator class="list" wx:for='{{over_arct}}' wx:key="over_arct{{index}}">
                      <image  mode="widthFix" src="{{item.img}}"></image>
                      <view>
                          <view class="tt">{{item.name}}  </view>
                          <text class="ly">来源 :地球化学研究所 <text>2018.5.28</text></text>
                          <text>{{item.desc}}</text>
                      </view>
                  </navigator> 
              </view>
          </view>

      </scroll-view>
  </swiper-item>
  <swiper-item>
      <scroll-view class="content" scroll-y="true">
                <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
                      <image  mode="widthFix" src="{{item.img}}"></image>
                      <view>
                          <view class="tt">{{item.name}}  </view>
                          <text class="hd_ly">来源 :地球化学研究所 <text>2018.5.28</text></text>
                          <text>{{item.desc}}</text>
                      </view>
                  </navigator> 
      </scroll-view>
  </swiper-item>
  <swiper-item>
      <scroll-view class="content" scroll-y="true">
                <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
                      <image  mode="widthFix" src="{{item.img}}"></image>
                      <view>
                          <view class="tt">{{item.name}}  </view>
                          <view class="ly"> 
                              <view>
                                  <text>2018.5.28</text>
                                  <text>地址：中国科学院</text>
                              </view>
                              <text>作者：包为民</text>
                              <text>中国科学院</text> 
                          </view>
                          <text>{{item.desc}}</text>
                      </view>
                  </navigator> 
      </scroll-view>
  </swiper-item>

  <swiper-item>
      <scroll-view class="content" scroll-y="true">
                <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
                      <image  mode="widthFix" src="{{item.img}}"></image>
                      <view>
                          <view class="tt">{{item.name}}  </view>
                          <view class="ly"> 
                              <view>
                                  <text>2018.5.28</text>
                                  <text>地址：中国科学院</text>
                              </view>
                              <text>作者：包为民</text>
                              <text>中国科学院</text> 
                          </view>
                          <text>{{item.desc}}</text>
                      </view>
                  </navigator> 
      </scroll-view>
  </swiper-item>
</swiper>