前端设计的轮播图分页器有特定的样式，与 swiper 默认的分页器切换效果不同，我们可以通过设置swiper-pagination-bullet和swiper-pagination-bullet-active两个样式类来修改轮播图切换圆点样式。
示例代码：
.swiper-zt .swiper-pagination-bullet{
background:#fff;
opacity:1;
width:4px;
height:4px;
}
.swiper-zt .swiper-pagination-bullet-active {
width:20px!important;//注意这个宽度必须加上 !important 来强制生效。
height:4px;
border-radius:8px;
}实际效果：
