Swiper 小问题解决方案
在开发中遇到该需求,需要将前进后退按钮放在外面,同时图片间需要有间隙
解决方法
- 按钮置外:将按钮放在外面只需要将
<div class="swiper-button-prev"></div>
和 <div class="swiper-button-next"></div>
提取到 div class="swiper">...</div>
外面,与其平级即可实现 - 添加间隙:对每个
swiper-slide
元素设置padding
,必须是padding
,不能是margin
。