swiper -- 间距轮播

发布于 5 年前作者 chaofang1315 次浏览最后编辑 5 年前来自 share

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

采用 wxss 实现 

 给__swiper-item__添加样式,也可手动控制间距,调整 padding

swiper-item{

  box-sizing: border-box;

  padding: 0 5vw;

}



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

0 回复
暂无回复