第一步在页面加上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;
}