1、camera组件,在iphoneX上,上下带有黑边
官方说已修复,会在最新的版本发布,https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000c20babcc820a96517fe6725b800&highline=camera%20iphone
不知道要等到何时,所以针对iphoneX先做了一个适配。
<camera device-position="front" flash="off" binderror="error" style="{{isIphoneX ? 'height: 860rpx' : ''}}"> <cover-view wx-if="{{isIphoneX}}" class="cover"></cover-view> <cover-view wx-if="{{isIphoneX}}" class="cover"></cover-view> </camera>
解决方法是:判断当前手机型号,若为iPhoneX,则在camera组件中使用cover-view遮盖上下黑框,101%,height:80rpx,同时在原camera组件的高度上160rpx。