我如何更改 "SlidesPerView: 4;"？

Question

var swiper = new Swiper(".new-arrival", {
  slidesPerView: 4, 
  centeredSlides: false,
  spaceBetween: 30,
  autoplay: {
    delay: 5500,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    type: "fraction"
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  }
});

我想更改 SlidesPerView：4；到 SlidesPerView：1；什么时候最大宽度为 390px 怎么办？

Answer 1

将此添加到您的代码中。

var swiper = new Swiper(".new-arrival", {
  slidesPerView: 4, 
  centeredSlides: false,
  spaceBetween: 30,
  breakpoints: {
  390: {
    slidesPerView: 1,
    spaceBetween: 0
  },
  autoplay: {
    delay: 5500,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    type: "fraction"
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  },

});

我如何更改 "SlidesPerView: 4;"？

How can i change "SlidesPerView: 4;"?

javascript

css

swiper