微信小程序swiper轮播图，修改指示点样式

第一步在页面加上class

<swiper class="swiper" >  </swiper>

第二步打开css页面：

/*整个指示点的位置距离*/
.swiper .wx-swiper-dots-horizontal{
  left: 110px;
}

/* 默认指示点的样式 */
.swiper .wx-swiper-dot {
	width: 25rpx;
	height: 10rpx;
	background: red;
	border-radius: 15rpx;
}
 
/* 选中指示点的样式 */
.swiper .wx-swiper-dot.wx-swiper-dot-active {
    width: 30rpx;
    height: 13rpx;
    background: #2782D7;
    border-radius: 15rpx;
}