收藏
回答

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

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

如图所示:



最后一次编辑于  2018-12-27  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • RandyHo
    RandyHo
    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
    • RandyHo
      RandyHo
      2018-12-28

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

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

      解决方法:

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

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

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

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

      解决方法同上。



      2018-12-28
      回复