WXOPEN Club

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

发布于 6 年前作者 fuyang5056 次浏览最后编辑 6 年前来自 ask

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

如图所示：

2 回复
daiming
daiming1 楼6 年前

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

guiying71
guiying712 楼5 年前

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

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

解决方法：

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

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