微信小程序-如何自定義導航欄(navigationStyle)?


小程序是越來越開放了,微信版本 6.6.0可以自定義導航?

先了解下app.json中window配置navigationStyle屬性,即導航欄樣式,僅支持 default/custom。custom 模式可自定義導航欄,只保留右上角膠囊狀的按鈕

"window":{
    "navigationBarTitleText": "test",
    "navigationBarTextStyle": "black",
    "navigationBarBackgroundColor": "#aa154e",
    "enablePullDownRefresh": true,
    "backgroundColor": "#aa154e",
    "backgroundTextStyle": "dark",
    "onReachBottomDistance":15,
    "navigationStyle": "custom"
  }

如果設置了"navigationStyle": "custom",則在真機上"navigationBarTitleText": "test"是不起作用的,並且小程序是全屏展示的,因此除了右上角膠囊狀的按鈕,導航欄處我們可以自由發揮


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM