评论

小程序 swiper的高度问题,如何用样式自适应?

如何让小程序的swiper高度根据内容自适应

小程序的swiper默认高度是150,可是我们在实际项目中很多时候是很难定这个高度的。而最好的办法就是根据内容的多少而展开。

我百度了下,很多人都是动态去改变这个高度的,这里就有个麻烦的地方,你需要通过js文件去计算,再通过变量去赋值。难到样式真的做不了么?

根据我上一篇列表里的图片可以自适应内容的高度,我觉得swiper也是可以的!!!于是做了个实验,请看以下的图

难道做的不行么??卡住了..... 不应该啊


最后我一气之下,把height全部注释掉了!!!这时奇迹就出现了,可以了~~~~


哈哈,可是这里又有一个问题,weiper是系统带有的样式,是不能删的。所以这时候,你只需要把高度改成

height: initial;


有这个需要的,可以自己手动试试,而以上的界面,等我做好,也会在我的小程序里展示,有兴趣的,可以留意我的小程序更新

最后一次编辑于  2020-03-03  
点赞 2
收藏
评论

1 个评论

  • 似陈相识
    似陈相识
    2020-03-03

    还是0

    2020-03-03
    赞同
    回复 1
    • 🌙
      🌙
      2020-03-03
      你现在这个做法,跟我写的例子是不一样的,我的是左右结构,通过内容去把另一边的高度展开的(flex)。而你的是单纯的算上下结构吧,如果是这样的话,得固定父级的高度,或者本身swiper的高度
      2020-03-03
      回复
登录 后发表内容