swiper 设置slidesPerView后 slide宽度太大怎么办

如果swiper设置了slidesPerView后slide宽度太大，可以通过设置其他参数来调整slide宽度。

1. 设置spaceBetween参数：通过增加spaceBetween参数的值可以在slide之间增加间距，从而减小slide的宽度。

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 3,
  spaceBetween: 10
});

2. 设置slidesPerGroup参数：通过设置slidesPerGroup参数的值为大于1的整数，可以将多个slide放在一个slide的宽度内显示，从而减小slide的宽度。

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 1,
  slidesPerGroup: 3
});

3. 设置breakpoints参数：通过在不同的屏幕宽度下设置不同的slidesPerView值，可以根据屏幕宽度调整slide的宽度。

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 3,
  breakpoints: {
    768: {
      slidesPerView: 2
    },
    480: {
      slidesPerView: 1
    }
  }
});

通过以上方法可以根据需要调整swiper的slide宽度，以适应不同的布局和屏幕宽度