微信小程序右上角自定義功能「小程序頂部導航欄按鈕」

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

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.506064.com/zh-hk/n/256153.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-15 12:34
下一篇 2024-12-15 12:34

相關推薦

發表回復

登錄後才能評論