我想要的是两个轮播块之间的间距变成我想要的固定间距,间距如箭头宽度所示,如下图:

但是官网引入的轮播图,轮播块之间的间距是默认的,spaceBetween为0,不是我想要的轮播宽度,示图如下:

 

 因为是新手,用的不熟练,上网查修改swiper-slide的间距,大多都是说修改slidesPerView,我试了一下,slidesPerView可以修改swiper-slide的宽度,但是不能修改swiper-slide之间的间隔距离。

想要修改swiper-slide间隔距离可以修改spaceBetween的值,可设正值和负值,正值越大,距离越宽,负值则会变小。

以下是效果图:

 所以,如果有遇到同样问题的小伙伴,希望能帮助到各位,写得不好的欢迎指正。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐