美文网首页让前端飞
小程序用Swiper的Tap如何使用最简单的方法实现自适应高度(

小程序用Swiper的Tap如何使用最简单的方法实现自适应高度(

作者: 聪明的汤姆 | 来源:发表于2019-07-08 14:31 被阅读0次

前言

搜了半天,看到的文章都是通过计算子元素高度*子元素数量去计算,缺点很明显,如果子元素高度不统一呢?

实现

只要wxml结构布局的好,纯css就可以做到高度自适应

wxml结构

swiper
  swiper-item
    scroll-view scroll-y
      .content

wxss代码

swiper, swiper-item, scroll-view {
  height: 100vh; // 高度自行定义,这里是全屏
  // height: calc(100vh - tab栏高度);
}

总结,现在放在.content的内容无论是什么都可以做到自适应了

相关文章

网友评论

    本文标题:小程序用Swiper的Tap如何使用最简单的方法实现自适应高度(

    本文链接:https://www.haomeiwen.com/subject/qvvohctx.html