2021-03-11：swiper 中实现每页显示多条遇到的问题总结

想要实现这种左右留一点的效果：

主要样式：

/* swiper的宽高设置为内容区域的宽高  */
.swiper-slide {
      width: 660px !important; 
      height: 508px !important;
    }

/*内容区域宽高一定要设置为100% ,否则的话就不能实现这种显示效果了  样式之前设置成px的时候 然后一直就只能显示一个 愁死我了 */
 .swiper_item {
      width: 100%;
      height: 100%;
}

swiper的参数设置：

this.swiper = new Swiper(".swiperCenter", {
          slidesPerView: "auto",
          centeredSlides: true,
          pagination: {
            el: ".swiper-pagination",
            clickable: true,
          },
          navigation: {
            nextEl: ".imgNext",
            prevEl: ".imgPrev",
          },
        });