// Pager pagination: { el: ".swiper-pagination", //
clickable Set to true Hour , Click the indicating point of the pager, and the pager will control Swiper switch clickable :true, // Modify pager style
bulletClass : 'swiper-pagination-bullet', // Active style bulletActiveClass:
'my-bullet-active', },
Write styles on this page :( Must not be less etc. ,, Otherwise, it cannot be read , and bulletClass :
'swiper-pagination-bullet',, Must use swiper-pagination-bullet To write styles , Others need a new design style ,)

 

 
<!-- Custom pager style --> <style type="text/css"> .my-bullet-active{ background:
#ffffff; opacity: 1; } .swiper-pagination-bullet{ width: 20px; height: 20px;
background: #b3e9cf; } </style>
effect

 

 

Technology