小程序 swiper -- 间距轮播

1,604 阅读1分钟

swiper 组件只能无缝轮播,所以简单实现一个间距轮播

采用 css 实现

swiper-item添加样式,也可手动控制间距,调整padding

swiper-item{
  box-sizing: border-box;
  padding: 0 5vw;
}

效果如下

效果图

缺点就是添加了 padding,导致不是全屏宽度的图片