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



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





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

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

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

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

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

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

標(biāo)簽：