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

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

 

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

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

以下是效果图:

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐