小程序camera组件无法全屏?
我正常写的camera组件。但是这个camera组件无法铺满整个屏幕。只有上面一点点。想请问这是为什么?我如果强行写camera的height:100vh,就会出现拍照人变形,自拍脸会拉的特别长,占满屏幕 [图片] 代码如下: <view class="takePhoto" hover-class="none" hover-stop-propagation="false" wx:if="{{photo}}">
<camera binderror="handleCameraError" device-position="front" flash="off" wx:if="{{authCamera}}">
<cover-view>
<cover-image class="line" src="/images/mengban.jpg"></cover-image>
</cover-view>
</camera>
<view class="error-handler" wx:if="{{!authCamera}}">
<button class="nobtn" openType="openSetting" bindopensetting="openSetting">打开相机授权</button>
</view>
</view>
js:
onShow:function(){
wx.getSetting({
success: (res)=>{
if(res.authSetting["scope.camera"]){
this.setData({
authCamera:true,
})
}else{
this.setData({
authCamera:false,
})
}
}
});
},
css:
.takePhoto{
width: 100%;
height: 100vh;
}
.takephoto camera {
width: 100%;
height: 100%;
position: absolute;
z-index: -99;
}