- swiper(class名).wx-swiper-dots.wx-swiper-dots-horizontal{ //距离底部高度
- margin-bottom: 2rpx;
- }
- swiper(class名) .wx-swiper-dot{ //指点宽高样式
- width:40rpx;
- display: inline-flex;
- height: 10rpx;
- margin-left: 20rpx;
- justify-content:space-between;
- }
- swiper(class名) .wx-swiper-dot::before{ //指点样式
- content: ‘‘;
- flex-grow: 1;
- background: rgba(255,255,255,0.8);
- border-radius: 8rpx
- }
- swiper(class名) .wx-swiper-dot-active::before{ //被选中时样式
- background:rgba(244,0,0,0.8);
- }
小程序swiper指板点样式修改
原文:https://www.cnblogs.com/Ba-Li/p/9160350.html