改变微信小程序改变swiper小圆点位置

image{
width: 100%;
height: 100%;
}
.wrap{
height: auto;
/* margin-top: 11vw; */
position: relative;
}
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{
margin-bottom: 2rpx;
margin-left: 30%;
//这里可以改变左右位置
}

//默认圆点
.swiper-box .wx-swiper-dot{
width:40rpx;
display: inline-flex;
height: 10rpx;
margin-left: 5rpx;
justify-content:space-between;
border-radius: 15rpx;
}
//未选中圆点
.swiper-box .wx-swiper-dot::before{
content: ‘’;
flex-grow: 1;
background-color:rgba(0, 0, 0, .2);
border-radius: 15rpx;
}
//选中的圆点
.swiper-box .wx-swiper-dot-active::before{
background-color:#1fe1ff;
opacity: 1;
border-radius: 15rpx;
}