小程序的底部導航欄(tabBar)的使用


在app.json中配置

 

 

其中list中只能配置最少 2 個、最多 5 個 tab

  "tabBar": {
    "list": [
      {
        "pagePath": "pages/路徑/路徑",//引入的切換路徑
        "iconPath": "/images/切換后.png",//切換后的icon
        "selectedIconPath": "/images/未切換.png",//未切換的icon
        "text": "衣兄",//底部文字的展示
      }
    ],
    "color": "#999",//底部文字未切換的顏色
    "backgroundColor": "#fff",//底部菜單欄的背景
    "borderStyle": "black",//tabbar 上邊框的顏色
    "selectedColor": "#2660CE",//底部文字切換后的顏色
    "position":"top",//底部菜單欄展示的位置,支持上 下(top/bottom)
  }

持續補充.........


免責聲明!

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



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