美文网首页让前端飞
小程序用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