微信小程序实现图片轮播

wxml页面代码：

<!--图片轮播 -->
<view class='swipercontainer'>
  <swiper indicator-dots="{
  {indicatorDots}}" autoplay="{
  {autoplay}}" interval="{
  {interval}}" duration="{
  {duration}}" vertical='{
  {vertical}}' circular='{
  {circular}}'>
    <block wx:for="{
  {imgUrls}}">
      <swiper-item>
        <image src="{
  {item}}" class="slide-image swipimg"/>
      </swiper-item>
    </block>
  </swiper>
</view>

js页面代码

Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgUrls: [
      ' ../../images/fl01.png',
      ' ../..