mui ios底部导航和顶部标题被遮挡问题

1.iphonex底部导航兼容问题function isIphoneX(){return /iphone/gi.test(navigator.userAgent) &&(screen.height == 812 && screen.width == 375)}var pb='51px'//判断是否是iponexif(isIphoneX()){ pb='85px'}v

格格巫仙女

731人浏览 · 2022-05-27 12:45:51

格格巫仙女 · 2022-05-27 12:45:51 发布

1.iphonex底部导航兼容问题

function isIphoneX(){
	return /iphone/gi.test(navigator.userAgent) && 
        (screen.height == 812 && screen.width == 375)
	}
	var pb='51px'
	//判断是否是iponex
	if(isIphoneX())  { pb='85px'}
    var subpage_style = {
		top: '0px', //控制顶部距离
		bottom:pb
	};

2.顶部标题栏被状态栏遮挡问题

在配置文件中设置ios的安全区域

"plus":{
		"safearea": {
			"left": {
				"offset": "auto"
			},
			"right": {
				"offset": "auto"
			},
			"bottom": {
				"offset": "auto"
			}
		}
}

manifest.json文档说明 - DCloud问答manifest.json文档说明 - 此文档不再维护，请参考新文档地址：https://uniapp.dcloud.io/tutorial/app-manifest概述manifest.json文件是5+移动App的配置文件，用于指定应用的显示名称、图标、入口页面等信息。用户可通过HBui...https://ask.dcloud.net.cn/article/94