关闭小程序底部弹框的安全区域,网上有很多一样的方法,但是我试了一下并不生效,发现少了个步骤,所以记下来了。如果大家有什么见解欢迎提出~ ^^
1. 首先在配置文件中设置
manifast.json 中,设置offset为none;!!!注意,设置完配置需要重新编译程序
"app-plus": { /* 5+App特有相关 */
"safearea" : {
//安全区域配置,仅iOS平台生效
"bottom" : {
// 底部安全区域配置
"offset" : "none"
// 底部安全区域偏移,"none"表示不空出安全区域,"auto"自动计算空出安全区域,
// 默认值为"none"
}
},
}
2. 很多方法中都有说明要在css中写这两条,这里需要注意一下,是写在所需要关闭安全区域的弹框样式中
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
Attention:
1)必须要配合 viewport-fit = cover 使用
2)constant() 跟 env() 需要同时存在,而且顺序不能换。
3.需要给底部弹框加上固定定位 position:fixed
position: fixed;
left: 0;
bottom: 0;
如果到这里你,关闭安全区域还没生效,请注意一下修改配置后你是否重新编译了