美文网首页
swiper-自定义分页器样式

swiper-自定义分页器样式

作者: 禾苗种树 | 来源:发表于2022-05-05 14:10 被阅读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;
        }
    
    

    相关文章

      网友评论

          本文标题:swiper-自定义分页器样式

          本文链接:https://www.haomeiwen.com/subject/zngkyrtx.html