该项目是移动端:vue搭配vantUI

害,今天做移动端项目的时候发现跑马灯隔一下就会上下跳动模糊一秒,检查了下,发现去掉轮播图就没有这种bug了,然后就一直对着轮播图进行样式修改:

1、给轮播图每一项固定高度.

2、给父级盒子overflow:hidden;

1
2
3
.swiperBox{
overflow:hidden;
}

3、给轮播图下面的元素一个padding-top值。都没用,终于给轮播图的父元素一个属性就搞定:

1
2
3
4
 .swiperBox{
transform:translateZ(0)
}