美文网首页
uni-app使用flex布局编译成微信小程序真机运行高度丢失问

uni-app使用flex布局编译成微信小程序真机运行高度丢失问

作者: 幽小鬼 | 来源:发表于2021-11-12 11:11 被阅读0次

    记录一个问题:今天使用uni-app开发微信小程序,一个列表(.order-list),列表中子元素(.order-item)使用flex布局,编译成h5样式正常,编译成微信小程序以后在微信开发者工具中查看样式依旧正常,但是真机运行的时候,使用flex布局的.order-item高度丢失,设置高度依然无效。除非把.order-itemflex布局取消,高度就可以正常设置,能不能既使用flex布局,又让高度生效的办法呢?
    解决办法:.order-list滚动布局外再包一层<view>即可,问题解决!

    相关文章

      网友评论

          本文标题:uni-app使用flex布局编译成微信小程序真机运行高度丢失问

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