小程序踩坑记录

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遮盖上下黑框,width:101%,height:80rpx,同时在原camera组件的高度上160rpx。

 

posted @ 2018-08-03 16:00  yulj  阅读(260)  评论(0编辑  收藏  举报