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



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





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

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

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

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

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

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

標(biāo)簽：