效果图如下：

使用的版本为swiper5

代码如下：

breakpoints: {
  320: {  //当屏幕宽度大于等于320
    slidesPerView: 1,
    spaceBetween: 10
  },
  776: {  //当屏幕宽度大于等于776
    slidesPerView: 2,
    spaceBetween: 60
  },
  1000: {  //当屏幕宽度大于等于1000
    slidesPerView: 3,
    spaceBetween: 60
  },
  1200: {  //当屏幕宽度大于等于1200
    slidesPerView: 4,
    spaceBetween: 60
  }
}