首頁  >  文章  >  web前端  >  uniapp怎麼去掉標題列

uniapp怎麼去掉標題列

藏色散人
藏色散人原創
2020-12-16 17:17:357875瀏覽

uniapp去掉標題列的方法:先開啟原始碼檔案;然後在「pages.json」檔案中加入一行程式碼為「"navigationStyle":"custom"」即可去掉標題列。

uniapp怎麼去掉標題列

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教學

uniapp發佈H5,去掉標題列:

uniapp發佈H5時,如果不去掉標題欄,那麼在微信開啟就會造成頁面有兩個標題欄。
那這個標題列怎麼去掉呢?
下圖1和2是有標題列的效果和原始碼:
uniapp怎麼去掉標題列uniapp怎麼去掉標題列
只要在pages.json檔案中加入一行"navigationStyle":"custom"程式碼即可解決。
如下圖:
uniapp怎麼去掉標題列uniapp怎麼去掉標題列 

前端小白一枚,只是為了記錄自己遇到的問題,算是做筆記了。

#

以上是uniapp怎麼去掉標題列的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn