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