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



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





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

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

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

頂部設(shè)置為自定義后，中間的標(biāo)題和左上角的按鈕是沒有了，大家可以在頁面代碼上實現(xiàn)。

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

方維網(wǎng)絡(luò)從小程序預(yù)發(fā)布開始就研究其開發(fā)制作，目前已擁有完善的小程序定制開發(fā)流程，還有成熟的小程序商城系統(tǒng)，歡迎有需求客戶咨詢我們在線客服。