uniapp实现 微信小程序 轮播图片

<swiper style="height: 300rpx;width: 100%;" indicatorDots="true" autoplay="true" interval="2000" duration="500">
						<!-- <swiper-item v-for="(item, index) in imgList" :key="index">
					        <img :src="item" class="slide-image"/>
					      </swiper-item> -->
						<swiper-item>
							<img  mode="widthFix" src="@/static/img/index/picture1.png" class="slide-image" />
						</swiper-item>
						<swiper-item>
							<img  mode="widthFix" src="~/static/img/index/picture2.png" class="slide-image" />
						</swiper-item>
						<swiper-item>
							<img  mode="widthFix" src="~/static/img/index/picture3.png" class="slide-image" />
						</swiper-item>

					</swiper>

如果在微信小程序不显示，则在img上面加上   mode="widthFix" 

pages.json

"usingComponents": {
    "swiper": "/path/to/swiper-component",
    "swiper-item": "/path/to/swiper-item-component"
  }