微信小程序——轮播图实现并跳转页面

简单轮播图的实现

<view class="swiper_top">
  <swiper class="swiper_body" autoplay="true" indicator-dots="true"
  indicator-color="#646464" 	indicator-active-color="#ffffff" interval="3000"
  circular="true">
    <swiper-item class="swiper_item_body">
      <navigator url="/pages/tb/tb" open-type="switchTab">
        <image class="swiper_image" src="../../pic/tb.jpg" mode="widthFix"></image>
      </navigator>
    </swiper-item>
    <swiper-item class="swiper_item_body">
      <image class="swiper_image" src="../../pic/mt.png" mode="widthFix"></image>
    </swiper-item>
    <swiper-item class="swiper_item_body">
      <image class="swiper_image" src="../../pic/elm.jpeg" mode="widthFix"></image>
    </swiper-item>
  </swiper>
</view>

注意：
navigator 是用来实现跳转页面的，open-type=“switchTab” 是指跳转定义在tabbar里面的页面