使用原生camera组件,排版错乱
发布于 5 年前 作者 fuyang 4909 次浏览 来自 问答

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

如图所示:

2 回复

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

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

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

解决方法:

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

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

回到顶部