uni-app隱藏H5的頭部導航欄page-head的兩種方式


在使用uni-app生成頁面時,會發現默認生成的頁面是帶了導航欄

 

如果我們想隱藏這個導航欄,可以用如下方式:

1.如果所有頁面都不需要這個導航欄了,可以在App.vue的公共樣式代碼中添加

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

2.如果只是當前頁面不需要,可以在pages.json中添加代碼

"navigationStyle":"custom"

  如圖所示

  

 

 將navigationStyle設置為custom是指自定義導航欄,系統會關閉默認的原生導航欄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM