uni-app底部安全区调整

uni-app 在app端默认为页面底部做了安全区适配(针对iphonex以上机型)。

APP端:

如果想移除这个高度,可以在manifest.json的app-plus节点下添加以下代码

"safearea": {
	"bottom": {
		"offset": "none"
	}
}

配置后需要重新编译
注意: 不支持单个页面移除安全区,所以加此配置后需要自己为每个页面(tabbar除外)适配安全区

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */

其他端:

除tabbar页面外,通过padding-bottom: env(safe-area-inset-bottom); 设置底部安全区适配

猜你喜欢

转载自blog.csdn.net/xinTianou123/article/details/127871277