1.原生组件层级最高,无法覆盖
video、canvas、camera等原生组件层级最高,其他组件无论z-index为多少,都无法覆盖在原生组件上。
解决办法:利用 cover-view 组件,原生组件只支持嵌套cover-view和cover-image组件,且cover-view内可以使用button。
<camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 100vh;position:absulote;z-index:99">
<cover-view>
<cover-image src="../../images/sign.png" ></cover-mage>
</cover-view>
<cover-view class="infoView">
<cover-view>当前信息:</cover-view>
</cover-view>
</camera>
这个问题我在开发工具上和iOS设备上都没碰到,层级问题在开发者工具中不会显露出来,z-index会起作用,一定要在真机上测试。
2.设备方向信息iOS和Android获取差异
通过系统api:wx.onDeviceMotionChange获取设备实时方向,结果为:
其中beta值在iOS设备中返回为正数,Android中返回为负数,这个不注意会影响判断结果。