收藏
回答

使用原生camera组件,排版错乱

从首页点击扫一扫,跳去扫一扫页面,使用原生camera组件,有一定几率,组件位置错乱

如图所示:



回答关注问题邀请回答
收藏

2 个回答

  • 2018-12-28

    经排查,由于camera组件的父节点使用了image组件,受mode="widthFix"的影响。

    如果图片高度修改前,加载camera组件则出现掉下去的现象。

    解决方法:

     将图片脱离文档流,图片外部容器使用padding-top占位。

    (图片在文档流)
    (图片脱离文档流)


    2018-12-28
    有用 1
    回复
  • 是小白啊
    是小白啊
    2018-12-28

    麻烦提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-12-28
    有用
    回复 1
    • 2018-12-28

      经排查,由于camera组件的父节点使用了image组件,受mode="widthFix"的影响。

      如果图片高度修改前,加载camera组件则出现掉下去的现象。

      解决方法:

       将图片脱离文档流,图片外部容器使用padding-top占位。

      (图片在文档流)
      (图片脱离文档流)

      建议:image组件,mode属性生效的生命周期希望能做出说明,之前使用

      IntersectionObserver.relativeTo获取节点布局区域的上边界,也出现过这个问题,

      解决方法同上。



      2018-12-28
      回复
登录 后发表内容