引用vue-awesome-swiper插件,修改轮播图上面翻页小点的颜色为白色修改不了。

来源:7-4 Vue项目首页 - 首页轮播图

weixin_慕侠8594147

2019-11-22

老师,你好!学习到7.3节,引用vue-awesome-swiper插件,修改轮播图上面翻页小点的颜色为白色修改不了。swiper的外层是套了一层class名为wrapper的div,然后使用老师说的穿透方法写样式“ .wrapper >>> .swiper-pagination-bullet-active” ,但是无效,无法将翻页小点背景色修改为白色

写回答

2回答

Dell

2019-11-22

可能是写错了,你再检查下

0
1
weixin_慕侠8594147
非常感谢!
2019-11-22
共1条回复

weixin_慕侠8594147

提问者

2019-11-22

问题解决了,不是我写错了,而是不用穿透方法写样式“ .wrapper >>> .swiper-pagination-bullet-active”,直接写 

.swiper-pagination-bullet-active

    background:#fff

轮播图上的原点样式从swiper选中状态默认为蓝色,就改成了白色


0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10733 学习 · 8206 问题

查看课程