小程序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%;
}