小程序修改swiper指示点的样式

.banner .wx-swiper-dots.wx-swiper-dots-horizontal{

margin-bottom: 20rpx;

}

 .banner .wx-swiper-dot{

width:40rpx;

display: inline-flex;

height: 10rpx;

margin-left: 20rpx;

justify-content:space-between;

}

.banner .wx-swiper-dot::before{

content: '';

flex-grow: 1;

background: rgba(255,255,255,0.8);

border-radius: 8rpx

}

.banner .wx-swiper-dot-active::before{

background:rgba(244,0,0,0.8);

}