微信小程序自定義頂部導航欄顏色和透明頭部

微信小程序自定義頂部導航欄顏色和透明頭部

醬茄 jiangqie.com

很多同學問醬茄小編,怎麼在微信小程序中自定義導航欄的顏色,怎麼改成透明背景,怎麼修改右上角膠囊狀按鈕顏色,其實很簡單,不妨看看醬茄小編怎麼操作的。

1、找到:app.json,在window裡面添加navigationBarBackgroundColor屬性。

"navigationBarBackgroundColor": "#ffffff"

2、微信小程序官方為了滿足更多用戶需求,給出了一個navigationStyle屬性。

不過官方文檔navigationStyle導航欄樣式,僅支持 default/custom。custom模式可自定義導航欄顯示成透明頭部,只保留右上角膠囊按鈕。

在app.json裡面找到window並增加:

"navigationStyle": "custom"

此時頂部導航欄就會消失,保留右上角膠囊狀的按鈕,參考上圖。

微信小程序自定義頂部導航欄顏色和透明頭部

醬茄 jiangqie.com

3、怎麼改變膠囊按鈕顏色?

微信小程序官方定義,膠囊按鈕只支持黑色和白色(white/black)兩種顏色,在app.josn的window裡添加:

"navigationBarTextStyle":"white"

原文來自:https://www.jiangqie.com/xcx/6613.html


分享到:


相關文章: