掘金品質
工匠精神
聯系掘金設計服務顧問!為您提供專業的網站策劃方案和建議。
免費服務熱線:
今天跟大家聊聊廈門小程序開發中微信小程序頂部的事情,微信小程序頂部默認是微信自帶的導航欄,可以修改背景顏色,修改標題,文字顏色,左邊的按鈕是根據頁面結構自動生成返回或者首頁按鈕。如下圖:

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


那么小程序可以自定義頂部嗎?答案是可以的,那么,如何設置頂部自定義呢?,很簡單一個配置就搞定,可以全局設置,也可以單頁設計,只要在app.json或者頁面配置json文件中配置 "navigationStyle": "custom"即可,如下代碼
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#FFD400",
"navigationBarTitleText": "小程序開發",
"navigationBarTextStyle": "white",
"navigationStyle": "custom"
},
這里有個問題就是,右上角的膠囊按鈕是沒辦法去掉的,所以設計師在設計的時候需要注意。
頂部設置為自定義后,中間的標題和左上角的按鈕是沒有了,大家可以在頁面代碼上實現。
很多廈門小程序開發者也開發了一些小程序插件來自定義,非常方便使用。
(以上內容為轉載,原著來自方維網絡,僅供經驗參考)