CSS 控制 swiper-slide 样式-滑动子元素样式,设置宽度和间隔(通过spaceBetween: 50,属性设置的是通过margin-righ实现的,效果非常之low)
.swiper-slide {
width: 60%;
padding:0 2rem!important;
}
HTML是标准结构,可以在swiper官网找到
js代码
var mySwiper2 = new Swiper ('.swiper2', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
//以上两个属性没有关系
slidesPerView: 'auto',//默认一个屏幕显示几张图,必须auto!
centeredSlides: true,//每屏,居中显示
});