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

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

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

微信小程序及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;
      }
©版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容