微信小程序及UNI-APP修改SWIPER轮播DOT指示点样式

韩昊杰
2022-09-09 / 0 评论 / 39 阅读 / 正在检测是否收录...

微信小程序及UNI-APP修改SWIPER轮播DOT指示点样式

  1. 微信开发者工具>调试>调试微信开发者工具
  2. 在控制台输入

l7tbozld.png

  1. 在弹出的框里找到相应节点

l7tbp21y.png

  1. 希望能帮到你

    /* wx-swiper-dots wx-swiper-dots-horizontal */
      // 没有滑动到的style
      wx-swiper .wx-swiper-dot{
       width: 27px;
       border-radius: 10rpx;
       height: 6px;
      }
      
      // 滑动到的style
      wx-swiper .wx-swiper-dot-active{
       width: 27px;
       height: 6px;
       border-radius: 10rpx;
      }
0

评论 (0)

取消