swiper-自定义分页器样式
2022-05-05 本文已影响0人
禾苗种树
- 直接在css里修改swiper自带的类名就可以!
我还查了大半天自定义分页器的api,最后总结出凡是分页器没涉及到要加文字的,如果仅仅只需要改变背景颜色和大小那么只修改类名就行
.swiper-pagination-bullet {
width: 10px;
height: 8px;
border-radius: 4px;
background: #92b5ff;
}
.swiper-pagination-bullet-active {
width: 25px;
height: 8px;
border-radius: 4px;
background: #fff;
}