iPhoneX底部底部适配

底部适配：

（该方法只兼容APP应用）

 需要在manifest.json文件的源码视图下的app-plus内添加一下代码：

"safearea": {
			"background": "#FFF", // 安全区域外的背景颜色，默认值为"#FFFFFF"  
			"bottom": {
				// 底部安全区域配置  
				"offset": "auto" // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"  
			},
			"left": {
				// 左侧安全区域配置（横屏显示时有效）  
				"offset": "none"
			},
			"right": {
				// 右侧安全区域配置（横屏显示时有效）
				"offset": "none"
			}
		},

顶部适配：

  需要在min.js内给原型添加一下代码

// 适配ios顶部刘海内容
Vue.prototype.topBarTop = function() {
	// #ifdef MP-WEIXIN
	return uni.getMenuButtonBoundingClientRect().top;
	// #endif
	// #ifndef MP-WEIXIN
	const SystemInfo = uni.getSystemInfoSync();
	return SystemInfo.statusBarHeight;
	// #endif
};

然后再去页面使用该函数即可