微信小程序开发：iOS和Android测试中遇到的坑和解决办法

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中返回为负数，这个不注意会影响判断结果。