如何在 Swiper coverflow 中制作两张侧面幻灯片-解网

问：

我有一个带有 coverflow 效果的 Swiper 滑块，我需要确保两个幻灯片在两侧，活动幻灯片在中间

现在的问题是，最初一切都是正确的，但是当我滚动到下一张幻灯片时，右侧显示了一张幻灯片，但两侧应该有两张幻灯片

 const sectionCarouselSliderSlider = new Swiper('.section-carousel-slider__slider', {
      loop: true,
      paginationClickable: true,
      effect: 'coverflow',
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: 'auto',
      coverflowEffect: {
        rotate: 0,
        stretch: 0,
        depth: 100,
        modifier: 2.5,
        slideShadows: true,
      },
      navigation: {
        nextEl: '.carousel-slider__next',
        prevEl: '.carousel-slider__prev',
      },
    });
  });

.section-carousel-slider__slider {
  max-width: calc(100% - 200px);
  height: 590px;
}


.swiper-slide {
  width: 37rem;
  position: relative;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

例

结果

swiper.js

如何在 Swiper coverflow 中制作两张侧面幻灯片

How to make two slides on the sides in Swiper coverflow

评论