天天看点

小程序swiper修改指示点样式

小程序swiper修改指示点样式

小程序修改swiper指示点样式,实在无法忍受网上乱七八糟,很简单,几行样式就可以了,整的那么麻烦,有那空,睡会儿他不香,翻到这个文章的就别再找了,我这就是你要的答案

效果:

小程序swiper修改指示点样式

代码:

小程序swiper修改指示点样式
/* 默认指示点的样式 */
.swiper .wx-swiper-dot {
  width: 12rpx;
  height: 12rpx;
  background: #eaeaea;
  border-radius: 50%;
}

/* 选中指示点的样式 */
.swiper .wx-swiper-dot.wx-swiper-dot-active {
  width: 12rpx;
  height: 12rpx;
  background: #1890ff;
  border-radius: 50%;
}
           

继续阅读