微信小程序修改指示器
- 前端
- 三生万物
- 0
swiper官方介绍：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
使用后再结合控制台效果，发现没有可以修改指示器的地方，要知道指示器的风格多种多样，如果不能修改的话，设计那边够就喝一壶的，不过还好微信暴露了指示器的全局类名，这个就像chrome浏览器一样，可以修改chrome自带的属性样式，好了废话不多说，先看下具体有哪些类名吧
- wx-swiper-dots（公共）
- wx-swiper-dots-horizontal（水平指示器）
- wx-swiper-dots-vertical（垂直指示器）
- wx-swiper-dot （点）
- wx-swiper-dot-active（点激活）
示例1：修改指示器的位置
.wx-swiper-dots.wx-swiper-dots-horizontal {
margin-bottom: 50rpx;
}
示例2：修改激活点样式
.wx-swiper-dots .wx-swiper-dot-active {
background-color: #f00;
}
免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。
