完美解决!uniapp写小程序用swiper轮播高度问题

3,075 阅读1分钟

完美解决!uniapp写小程序用swiper轮播高度问题

我这两天在用uniapp写小程序,因为需求要横向是滚动的,所以我用了swiper轮播来实现滚动

但是我发现这个轮播的高度是定死的,如果你下面有列表那么就会超出隐藏,经过了一天的折磨之后

终于想到了解决办法!

我看网上都是什么动态获取他的高度啊之类的,我觉得太麻烦所以就这样做了

  1. 我先是发现他的所有swiper-item里面都有一个overflow: hidden;(超出隐藏)然后我给他用overflow: auto;给顶掉了
  2. 然后我发现虽然说高度没变,但是里面的内容已经可以向下滚动了,拿这不就简单多了,我直接给外面盒子的150px的默认高度给改成100vh了,完美解决!