小程序swiper指板点样式修改

标签：修改   content   otto   swiper   play   bsp   nta   height   border   

1. swiper(class名).wx-swiper-dots.wx-swiper-dots-horizontal{    //距离底部高度
2. margin-bottom: 2rpx;
3. }
5. swiper(class名) .wx-swiper-dot{    //指点宽高样式
6. width:40rpx;
7. display: inline-flex;
8. height: 10rpx;
9. margin-left: 20rpx;
10. justify-content:space-between;
11. }
13. swiper(class名) .wx-swiper-dot::before{       //指点样式
14. content: ‘‘;
15. flex-grow: 1;
16. background: rgba(255,255,255,0.8);
17. border-radius: 8rpx
18. }
20. swiper(class名) .wx-swiper-dot-active::before{ 　　//被选中时样式
21. background:rgba(244,0,0,0.8);
22. }

小程序swiper指板点样式修改

标签：修改   content   otto   swiper   play   bsp   nta   height   border   

原文地址：https://www.cnblogs.com/Ba-Li/p/9160350.html