![微信小程序自定義頂部導航欄顏色和透明頭部](http://p2.ttnews.xyz/loading.gif)
醬茄 jiangqie.com
很多同學問醬茄小編,怎麼在微信小程序中自定義導航欄的顏色,怎麼改成透明背景,怎麼修改右上角膠囊狀按鈕顏色,其實很簡單,不妨看看醬茄小編怎麼操作的。
1、找到:app.json,在window裡面添加navigationBarBackgroundColor屬性。
"navigationBarBackgroundColor": "#ffffff"
2、微信小程序官方為了滿足更多用戶需求,給出了一個navigationStyle屬性。
不過官方文檔navigationStyle導航欄樣式,僅支持 default/custom。custom模式可自定義導航欄顯示成透明頭部,只保留右上角膠囊按鈕。
在app.json裡面找到window並增加:
"navigationStyle": "custom"
此時頂部導航欄就會消失,保留右上角膠囊狀的按鈕,參考上圖。
![微信小程序自定義頂部導航欄顏色和透明頭部](http://p2.ttnews.xyz/loading.gif)
醬茄 jiangqie.com
3、怎麼改變膠囊按鈕顏色?
微信小程序官方定義,膠囊按鈕只支持黑色和白色(white/black)兩種顏色,在app.josn的window裡添加:
"navigationBarTextStyle":"white"
原文來自:https://www.jiangqie.com/xcx/6613.html
閱讀更多 醬茄 的文章