一、使用原生占位(仅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*/
}