uniapp的swiper做轮播图添加自动衔接 出现向左滚动出现短暂空白
时间: 2023-08-04 13:05:29 浏览: 205
swiper 图片轮播插件
这个问题可能是由于轮播图中的图片尺寸不一致导致的。可以尝试将所有图片的尺寸调整为相同的大小,或者在样式中设置图片的宽度和高度,以避免出现空白的情况。
另外,如果你使用的是uniapp的swiper组件,可以尝试设置`circular`为`true`,这样就可以实现自动衔接的效果,而不会出现空白。例如:
```html
<swiper circular autoplay>
<swiper-item>
<image src="image1.jpg"></image>
</swiper-item>
<swiper-item>
<image src="image2.jpg"></image>
</swiper-item>
<swiper-item>
<image src="image3.jpg"></image>
</swiper-item>
</swiper>
```
这样就可以实现自动衔接的效果,而不会出现空白。如果还有其他问题,请随时提出。
阅读全文