比如你有一个轮播图组件,wxml文件里代码如下:
<swiper class="swiper" >
...
... 一些你的代码
...
</swiper>
在对应的wxss文件里,加上:
/* 默认指示点的样式 */
.swiper .wx-swiper-dot {
width: 15rpx;
height: 15rpx;
background: white;
border-radius: 15rpx;
}
/* 选中指示点的样式 */
.swiper .wx-swiper-dot.wx-swiper-dot-active {
width: 30rpx;
height: 15rpx;
background: white;
border-radius: 15rpx;
}