swiper js每个视图有多个幻灯片

Question

尝试以每张视图3张幻灯片的方式进行滑动，但所有幻灯片均同时显示。无法得到什么问题。请检查我的沙盒：https://codesandbox.io/s/condescending-maxwell-vlxev

function swiperTours() {
  var swiper = new Swiper("#tours.swiper-container", {
    slidesPerView: 3,
    navigation: {
      nextEl: ".swiper-button-next.tours-btn_next",
      prevEl: ".swiper-button-prev.tours-btn_prev"
    }
  });
}

Answer 1

您缺少swiper.min.css文件。而且，您应该在滑动块上删除自定义样式。 这里有一些肮脏的代码作为示例：https://codesandbox.io/s/charming-solomon-y1i8q