javascript - swiper js 每个 View 多张幻灯片

Question

尝试制作每个 View 有 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 文件。并且您应该删除 slider 上的自定义样式。 这里有一些脏代码，例如:https://codesandbox.io/s/charming-solomon-y1i8q