uni-app隐藏顶部导航栏

1、单个页面隐藏

1.1 在在pages.json里配置 "navigationStyle": "custom"

{
		"path": "pages/home/index",
		"style": {
			"navigationBarTitleText": "首页",
			"navigationStyle": "custom" // 使用自定义导航栏，系统会关闭默认的原生导航栏
		}
}

1.2 在pages.json里配置 style:{"app-plus":{"titleNView":false}}

{
		"path": "pages/home/index",
		"style": {
			"navigationBarTitleText": "首页",
			"app-plus": {
				"titleNView": false //禁用原生导航栏  
			}
		}
}

2、隐藏页面的所有导航

2.1 在pages.json里配置 "app-plus":{"titleNView":false}

{
	"pages": [{
		"path": "pages/home/index",
		"style": {
			"navigationBarTitleText": "首页"
		}
	}],
	"globalStyle": {
		"app-plus": {
			"titleNView": false //禁用原生导航栏  
		},
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "首页",
		"navigationBarBackgroundColor": "#FFFFFF",
		"backgroundColor": "#F6F6F6",
		"onReachBottomDistance": 200
	}
}

2.2 使用css隐藏

/* #ifdef H5 */ 
    uni-page-head { 
        display: none; 
    } 
/* #endif */