轮播图上面用来切换图片的小点在图片加载出来之前在图片位置的顶部显示

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

慕仙2215045

2018-05-10

图片加载出来之后自动跳回正确位置。

写回答

5回答

慕仙2215045

提问者

2018-05-11

//img.mukewang.com/szimg/5af583080001802c10010391.jpg
老师您教程里面是使用外层div来占位的,我更改为swiper标签占位后问题不再出现了,这样更改可以吗?

0
0

慕仙2215045

提问者

2018-05-11

老师您用占位是占位了轮播图所需的位置,防止下面的跑上来,但是这个小点是在swiper标签内部,分页器小点在图片之前加载出来显示在顶部。图片加载完成后分页器才跳下去

0
0

慕仙2215045

提问者

2018-05-11

老师您课程里面讲的是那个icon抖动的情况,我的是轮播图里面切换页面的小圆点,我在群里问了同学没有解决,现在暂时是给写死了。您讲的我记得,但那个小点怎么弄都不好使

0
0

Dell

2018-05-10

你看我的课程了吗?我里面不是讲到了要用padding-botttom占位么,怎么感觉不是亲学生

0
0

慕仙2215045

提问者

2018-05-10

我给img设了固定高度就好了,但是这块高度不能写死吧

0
1
Dell
使用padding-bottom加一个百分比
2018-05-12
共1条回复

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

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

10675 学习 · 8191 问题

查看课程