热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

小程序swiper-item内容过多显示不全的解决方案

最近在项目遇到swiper高度不能自适应,导致swiper-item里面的内容过多时只能显示一部分,最终解决方案:<swipercurrent{{currentTab}}
  最近在项目遇到swiper高度不能自适应,导致swiper-item 里面的内容过多时只能显示一部分,最终解决方案:
"{{currentTab}}" color: #800000;">"height: {{clientHeight?clientHeight+'px':'auto'}}"> "{{true}}" color: #800000;">"height: {{clientHeight?clientHeight+'px':'auto'}}" bindscrolltolower="scrollbot"> 内容放在这
swiper-item {
  overflow: scroll;
}

最后在后台动态获得屏幕可视区域高度clientHeight即可

  onLoad: function () {
    var that = this
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          clientHeight: res.windowHeight-177
        });
      }
    })
}

 


推荐阅读
author-avatar
握住每一缕光
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有