bulletActiveClass
定义pagination 分页器内当前活动块的指示小点的类名。
bulletActiveClass信息
- 类型：
- string
- 默认：
- swiper-pagination-bullet-active
- 举例：
- my-bullet-active
- 启用版本：
- 4.0.0
效果演示
自定义了类名并添加橙色样式
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
pagination:{
el: '.swiper-pagination',
bulletActiveClass: 'my-bullet-active',
},
})
</script>
<style type="text/css">
.my-bullet-active{
background: #ff6600;
opacity: 1;
}</style>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/pagination/80.html
