底部适配:
(该方法只兼容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
};
然后再去页面使用该函数即可