小程序--幻灯片banner

banner.wxml文件

<swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}"indicator-active-color="{{indicatorDotsColor}}" class='banner'>
   <block wx:for="{{imgUrls}}">
       <swiper-item><image src="{{item}}" class="slide-image" class='img' /></swiper-item>
  </block>
</swiper> 

banner.js文件

data: {
imgUrls: [
   'https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640',
   'https://images.unsplash.com/photo-1551214012-84f95e060dee?w=640',
   'https://images.unsplash.com/photo-1551446591-142875a901a1?w=640'
],
indicatorDots: true,
autoplay: true,
interval: 3000,
duration: 1000,
indicatorDotsColor:'rgba(255, 255, 255, .6)'
}