有時候我們做移動端的項目的時候,有屬於自己的導航欄,在通過網站變成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:.*"
}]
}
]
}