1.swiper触摸过后恢复自动轮播
<script>
var mySwiper = new Swiper('.swiper-container',{
autoplay: {
disableOnInteraction: false,
delay:2000,
},
})
</script>
设置autoplay:当用户操作swiper之后(包括触碰,拖动,点击pagination等),自动切换会
被禁止。将autoplay中的disableOnInteraction属性设置为false,用户操作swiper之后自动切换
就不会停止,每次都会重新启动 autoplay。
2.自定义分页器样式
设置.swiper-pagination-bullet:
.swiper-pagination-bullet{
width: 5px;
height: 5px;
background-color: #e43130;
margin: 0 2px;
}