swiper是小程序的滑块视图容器,具体用法请参考微信官方文档swiper组件
下面我就swiper简单实现一个轮播图
先看效果:
注:swiper-item只能和swiper一起使用
.wxml文件
<swiper class="swiper_01" circular autoplay indicator-dots>
<swiper-item>
<image src="/icons/image01.jpg"></image>
</swiper-item>
<swiper-item>
<image src="/icons/image02.jpg"></image>
</swiper-item>
<swiper-item>
<image src="/icons/image03.jpg"></image>
</swiper-item>
</swiper>
.wxss文件
.swiper_01{
height: 600rpx;
}