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

.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{

margin-bottom: 2rpx;

}

.swiper-box .wx-swiper-dot{

width:40rpx;

display: inline-flex;

height: 4rpx;

margin-left: 10rpx;

justify-content:space-between;

}

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

content: '';

flex-grow: 1;

background: #ccc8c8;

}

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

background:#239758;

}

微信小程序修改指轮播图指示点样式_第1张图片

你可能感兴趣的:(微信小程序)