导读:需求是置camera组件高度为屏幕的可编辑高度,因为需要覆盖一张图片在组件在camera上,图片宽度要100%,高度是按照相机的高度进行裁剪
思路1:通过wx.getSystemInfo()获取可视屏幕高度,通过传值到camera组件
<!-- wxml -->
<camera device-position="front" flash="off" binderror="error" bindinitdone="initdone" style="height:{
{windowHeight}}px;width:100%">
<!-- js -->
wx.getSystemInfo({
success(res) {
_this.setData({
windowHeight: res.windowHeight,
})
}
})
痛点:基础库低于2.7.0的,调用的前置摄像头变成后置摄像头,昨天(20190514)刚好微信更新7.0.4版本,由这一版本开始支持基础库2.7.0,(没找到文档有相关说明,应该是高分比和动态传值设置高度的bug修复了)真机测试已成功可用
思路2:在onReady()动态设置
参考自微信社区: