直接在wxss样式添加按自己需求修改即可
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {
margin-bottom: 18rpx;
}
.swiper-box {
overflow-x: hidden;
border-radius: 5rpx;
}
.swiper-box .wx-swiper-dot {
width: 20rpx;
display: inline-flex;
height: 5rpx;
margin-left: -12rpx;
justify-content: space-between;
}
.swiper-box .wx-swiper-dot::before {
content: '';
flex-grow: 1;
background: rgba(255, 255, 255, 0.8);
border-radius: 2rpx;
}
.swiper-box .wx-swiper-dot-active::before {
background: #fff;
}