我在学习尝试用 swiper 时,无法显示插槽效果

来源:4-10 swiper 组件分页器效果

慕的地7552957

2020-04-10

套用老师的代码, 那个分页器的 插槽的 slot, 在轮播图片时,不会显示白色的小圆圈,只有注释// bulletClass: ‘custom-bullet-class’,才会显示出小圆圈;注释了,使用便是默认样式,class=“swiper-pagination-bullet”,能够显示 出分页器,白色小圆圈
我使用的 vue-awesome-swiper 与老师的一致。 但 node-sass 版本为最新。

写回答

1回答

Sunday

2020-04-10

你好:

这个应该是 CSS 样式的问题。 可以通过一下方式进行排查。

1、先进入到网页的控制台看一下你的 自定义类是否添加成功了。//img.mukewang.com/szimg/5e903e8f09f07cb413640321.jpg

2、如果类名已经添加,可以查看下该类名对应的样式是否已经添加上。

3、如果有类名但是没有对应的样式,可以看下当前的 .vue 文件中,style 标签是否去掉了 scoped 。 去掉 scoped 样式应该就可以生效了

1
0

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门,前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程