微信小程序适配iphoneX，XR，12等机型的底部安全区域

问题如下：

适配之前iPhone5界面如下：

iPhone12界面如下：

为了适配所有的手机机型，需要获取到底部小黑条的高度，给固定在底部的view设置padding-bottom，增加高度；（有些手机默认是没有底部这个区域的，没有的话padding-bottom就设置为0）

解决方法如下：

在app.vue中定义如下：

 globalData: {  
	                bottomLift: ''  
	            },
		onLaunch: function() {
			  //获取当前设备信息
			    wx.getSystemInfo({
			      success: res => {
			        this.globalData.bottomLift = res.screenHeight - res.safeArea.bottom;
			
			      },
			      fail(err) {
			        console.log(err);
			      }
			    })
		},
 }

在对应页面js中：

var app = getApp()
	data() {
			return {
				 bottomLift: app.globalData.bottomLift
				 };
}

样式：

<view class="cart-box" 
:style="{ paddingBottom: bottomLift + 'px' }">
</view>