小程序swiper指板点样式修改
Posted ba-li
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了小程序swiper指板点样式修改相关的知识，希望对你有一定的参考价值。
- 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指板点样式修改的主要内容，如果未能解决你的问题，请参考以下文章