微信小程序自定義頂部導(dǎo)航欄顏色和透明頭部

醬茄 jiangqie.com

很多同學(xué)問醬茄小編，怎么在微信小程序中自定義導(dǎo)航欄的顏色，怎么改成透明背景，怎么修改右上角膠囊狀按鈕顏色，其實(shí)很簡(jiǎn)單，不妨看看醬茄小編怎么操作的。

1、找到：app.json，在window里面添加navigationBarBackgroundColor屬性。

"navigationBarBackgroundColor": "#ffffff"

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

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

在app.json里面找到window并增加：

"navigationStyle": "custom"

此時(shí)頂部導(dǎo)航欄就會(huì)消失，保留右上角膠囊狀的按鈕，參考上圖。

醬茄 jiangqie.com

3、怎么改變膠囊按鈕顏色？

微信小程序官方定義，膠囊按鈕只支持黑色和白色（white/black）兩種顏色，在app.josn的window里添加：

"navigationBarTextStyle":"white"

文章來自：醬茄 jiangqie.com https://www.jiangqie.com/xcx/6613.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容