在使用uni-app生成頁面時,會發現默認生成的頁面是帶了導航欄
如果我們想隱藏這個導航欄,可以用如下方式:
1.如果所有頁面都不需要這個導航欄了,可以在App.vue的公共樣式代碼中添加
/* #ifdef H5 */ uni-page-head { display: none; } /* #endif */
2.如果只是當前頁面不需要,可以在pages.json中添加代碼
"navigationStyle":"custom"
如圖所示
將navigationStyle設置為custom是指自定義導航欄,系統會關閉默認的原生導航欄