轮播图里小圆点不显示

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

冰镇抹茶

2019-05-16

之前安装2.6.7版本，然后按照视频中写的
swiperOption: {
pagination: ‘.swiper-pagination’
}

后来安装的最新3.1.3
按照官方写法
swiperOption: {
pagination: {
el: ‘.swiper-pagination’
}
}

小圆点都不显示，请问该怎么解决？

写回答

4回答

weibo_一路向北都是谎言_03667176

2019-06-07

其实，如果你用的图片不是老师里面的图片，而是你自己下载的用的别的图片，那么你在overflow hidden 时候就会使得把圆点给隐藏起来看不到了。我的解决方法是，找到elements 里面的

.swiper-container 类名，在css里面将这个用来装图片的类下设置成与.wrapper一样的高度跟宽度，那么问题就解决了

weixin_慕函数6055332

有用，把 padding-bottom 变大一些，例如40%，就可以了

2022-02-16

共1条回复

weixin_慕函数6055332

2022-02-16

把

padding-bottom

变大一些，例如40%

baixiaosheng

2019-05-22

我也是安装了2.6.7的然后颜色改变不了用了那个 .swiper >>> 穿透你是怎么解决的？

谢1289

2019-05-16

今天刚好做项目遇到这个问题，开始安装是3.几的版本，圆点不出来，换了2.6.7版本就可以了

慕斯9136217

Dell

老师，我好像安装的新版本，小点点出不来，有什么办法吗？

2021-12-21

共4条回复

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

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

10675 学习 · 8191 问题

相似问题

回答 2

回答 2

回答 5

回答 2

回答 1