indicator-dots:是否显示轮播点
indicator-color:轮播点的颜色
indicator-active-color:当前选中轮播点的颜色
autoplay:是否自动切换
current:当前轮播点/滑块的index
**interval:自动切换时间间隔(滑块停留在当前的时长)
duration:滑动动画时长(切换到下一个滑块时所用的时长)**
circular:是否采用衔接滑动,即播放到末尾后重新回到开头
interval时长>duration时长
<view class="page-section-spacing">
<swiper class="swiper"
indicator-dots="true"
autoplay="true"
interval="5000"
duration="1500" >
<swiper-item v-for="(item , index) in homeSlide" :key="index">
<image :src="item.img" ></image>
</swiper-item>
</swiper>
</view>
data() {
return {
homeSlide:[
{img:'/static/1.png'},
{img:'/static/2.png'},
{img:'/static/3.png'},
],
iDays:0,
}
},
.swiper{
width: 683upx;
height: 300upx;
}
.swiper-item image{
width: 100%;
height: 100%;
}