wap2app去除系統自帶的導航欄

有時候我們做移動端的項目的時候,有屬於自己的導航欄,在通過網站變成APP, 就會形成兩個導航欄,這個時候我們就是去掉原生帶來的;

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

 

 

2.找到global裏面的titleNView,把它變成false

3.這步如果沒有寫的,你就會發現項目的話,只是把你導航欄的樣式,顏色什麼都去掉,變成默認的原生導航欄,白灰色的導航,但並沒有消失,我們要在pages的最後,記得一定是要在最後加上

這麼一段話,再重新運行項目,你會發現,導航就消失了,

完整的配置在下面,複製的時候記得裏面的跳轉鏈接地址要自己的移動端網站,不然會報錯的哦

{
	"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:.*"
			}]
		}

	]
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章