今天跟大家聊聊微信小程序頂部的事情，微信小程序頂部默認是微信自帶的導航欄，可以修改背景顏色，修改標題，文字顏色，左邊的按鈕是根據頁面結構自動生成返回或者首頁按鈕。如下圖



但對于小程序設計師來說，可能會限制他的發揮，在小程序制作過程中，偶爾會遇到一些特殊的需求，如下設計圖。





那么小程序可以自定義頂部嗎？答案是可以的，那么，如何設置頂部自定義呢？，很簡單一個配置就搞定，可以全局設置，也可以單頁設計，只要在app.json或者頁面配置json文件中配置"navigationStyle":"custom"即可，如下代碼

"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor":"#FFD400",
"navigationBarTitleText":"小程序開發",
"navigationBarTextStyle":"white",
"navigationStyle":"custom"
},

這里有個問題就是，右上角的膠囊按鈕是沒辦法去掉的，所以設計師在設計的時候需要注意。

頂部設置為自定義后，中間的標題和左上角的按鈕是沒有了，大家可以在頁面代碼上實現。

很多開發者也開發了一些小程序插件來自定義，非常方便使用。

實搜網絡從小程序預發布開始就研究其開發制作，目前已擁有完善的小程序定制開發流程，還有成熟的小程序商城系統，歡迎有需求客戶咨詢我們在線客服。

標簽：