作者：乖乖雯莉_775 | 来源：互联网 | 2023-05-22 15:09
轮番效果在很多的网站主页或者手机应用端都能看到，在微信小程序中使用swiper组件来实现图片轮番，今天的小例子效果如下：为了方便演示我将动画切换的间隔调整为3s，现实项目中一般为5s
轮番效果在很多的网站主页或者手机应用端都能看到，在微信小程序中使用swiper组件来实现图片轮番，今天的小例子效果如下：
{
// 生命周期函数--监听页面加载
}
｝</pre>
<p>其中，</p>
<p>indicator-dots： 是否显示面板指示点，默认为false;</p>
<p>autoplay：是否自动切换，默认为false;<br></p>
<p>interval：自动切换时间间隔，默认5000ms;</p>
<p>duration: 滑动动画时长，默认为1000ms;<br></p>
<p><br></p>
<p>需要注意的是swiper组件需要给他一个宽度，不然swiper不显示，这里给了一个具体的宽高，并设置居中显示：</p>
<p></p>
<pre class=)
/* pages/mySwiper/mySwiper.wxss */
swiper{
margin: 0 auto;
height: 200px;
width: 300px;
}
详细swiper属性说明如下：
京公网安备 11010802041100号