微信小程序轮播图Swiper

说明：

在根目录下，新建一个文件夹，跟Pages平行，拖动4张图片到文件夹

swiper 有四个属性比较重要：
      indicator-dots： boolean类型，是否显示指示器
      autoplay： boolean类型，是否设置自动播放
      interval： int类型，设置banner之前图片的切换时间间隔
      duration： int类型，设置banner之前图片的切换速度

布局：

<!--pages/swiperdemo/swiperdemo.wxml-->
<view class="container">
	<swiper 
		class="home-swiper"
		indicator-dots="true" 
		autoplay="{
  {autoplay}}" 
		interval="{
  {interval}}" 
		duration="{
  {duration}}">
		<block 
		  wx:for-items="{
  {lunboData}}"
		  wx:key="item">
		  <swiper-item>
			<image src="{
  {item.imgurl}}" class="slide-image" />
		  </swiper-item>
		</block>
	</swiper>
<