修改小程序swiper轮播指示点样式

小程序swiper指示点样式修改

            • part3就是父盒子盒子,这个随意,这就是要设定的轮播的盒子就行

part3就是父盒子盒子,这个随意,这就是要设定的轮播的盒子就行
.part3 .wx-swiper-dots.wx-swiper-dots-horizontal{   
     margin-bottom: 2rpx;
}
.part3 .wx-swiper-dot{     //指示器大小等
    width:12rpx;
    display: inline-flex;
    height: 12rpx;
    justify-content:space-between;
}
.part3 .wx-swiper-dot::before{ //指示器默认颜色
    content: '';
    flex-grow: 1; 
    background: #ccc;
    border-radius: 8rpx
}
.part3 .wx-swiper-dot-active::before{  //当前指示器的颜色
    background:#00aeff;   
}

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