一、使用原生占位(仅App端支持)
//在manifest.json 文件中 app-plus 中配置
"safearea": { "background": "#FFFFFF", "bottom": { "offset": "auto" }
}
二、不使用原生占位
//(非App端可以不在manifest中配置)
"safearea": { "bottom": { "offset": "none" }
}
获取系统信息
uni.getSystemInfo({success: (info) => {// 判断是否为iOS设备if (info.platform === 'ios') {// 去判断显示 安全边距}}});
动态绑定css 显示安全边距
.xxx-view { // 写在需要添加底部边距的盒子上padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}