wap2app去除系统自带的导航栏

有时候我们做移动端的项目的时候,有属于自己的导航栏,在通过网站变成APP, 就会形成两个导航栏,这个时候我们就是去掉原生带来的;

1.找到项目的sitemap.json文件

 

 

wap2app去除系统自带的导航栏_第1张图片

2.找到global里面的titleNView,把它变成false

wap2app去除系统自带的导航栏_第2张图片

3.这步如果没有写的,你就会发现项目的话,只是把你导航栏的样式,颜色什么都去掉,变成默认的原生导航栏,白灰色的导航,但并没有消失,我们要在pages的最后,记得一定是要在最后加上

wap2app去除系统自带的导航栏_第3张图片

这么一段话,再重新运行项目,你会发现,导航就消失了,

完整的配置在下面,复制的时候记得里面的跳转链接地址要自己的移动端网站,不然会报错的哦

{
	"global": {
		"webviewParameter": {
			// "titleNView": {
			//     "autoBackButton": true,
			//     "backgroundColor": "#215275",//导航栏背景色
			//     "titleColor": "#fff",//标题颜色
			//     "titleSize": "17px"
			// },
			"titleNView": false,
			"statusbar": {
				//系统状态栏样式(前景色)
				"style": "light",
				"background": "#215275"
			},
			"appendCss": "",
			"appendJs": ""
		},
		"easyConfig": {}
	},
	"pages": [{
			"webviewId": "__W2A__www.bentell.cn", //首页
			"matchUrls": [{
				"href": "跳转的地址,填写自己的移动网站网址"
			}, {
				"href": "跳转的地址,填写自己的移动网站网址"
			}],
			"webviewParameter": {
				"titleNView": false,
				"statusbar": {
					//状态条背景色,
					//首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
					//若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;
					"background": "#215275"
				}
			}

		},
		{ //未适配的公共页面,可拦截原生下载和头部导航栏, 注:通配符的规则+放在最后一个节点才能达到适配所有未适配的公共页面效果,适配规则优先级为自上而下查找匹配规则
			"webviewId": "common",
			"matchUrls": [{
				"hostname": "R:.*",
				"pathname": "R:.*"
			}]
		}

	]
}

 

你可能感兴趣的:(wap2app,APP)