swiper实现修改工程标记小圆点的样式

总体的样式：

1.  
   .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
2.  
   width: 0.1rem;
3.  
   height: 0.1rem;
4.  
   }

在当前点的样式（高亮）

1.  
   .swiper-pagination .swiper-pagination-bullet-active {
2.  
   width: 0.1rem;
3.  
   height: 0.1rem;
4.  
   background: white;
5.  
   }

补充：如果想使用数字的话在swiper的pagintion中加type

这篇好文章是转载于：学新通技术网