微信小程序："navigationStyle":"custom"

參考：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html

今天折騰了半天這個"navigationStyle":"custom"，讓小程序頂部欄自定樣式。

 

第一個問題：是整個小程序全局都自定義嗎？還是部分頁面自定義（單獨某一個頁面自定）？

全局都自定義請在app.json的window中設置

這裏設置了，你在任何一個界面（pages中已配置的頁面和pages未配置的頁面）都用自定義的頭部信息。

如果你只是想在某一個頁面上使用自定義的頭部，請注意：

1：在pages中配置好這個頁面的路徑，（pages不配置，及時單頁面的json中加了 "navigationStyle":"custom"  也不會有效果）

2：在頁面對應的json文件中添加 "navigationStyle":"custom" 配置

 

第二個問題：自定義頭部是 不展示頭部，還是自己要另外寫一套頭部的樣式？

如果不展示頭部：只需要加 "navigationStyle":"custom" 不做其他處理就可有效果了。

如果要自定義頭部：請參考這篇文章：https://blog.csdn.net/hangge0111/article/details/85232022

自己寫個組件，然後設置先要的展示方式以及標題等。