微信小程序 --- app.json文件


app.json文件用於配置項目:用於對小程序進行全局設置:

pages:定義小程序的路由。(凡是不在這個配置里面的東西,都無法打開) (特別注意:結尾不能有 逗號 否則會出錯

window:定義小程序的頂部菜單。(可以配置頂部菜單,此配置可以被 page.json 文件覆蓋)

tabBar:定義小程序的底部Tab。

networkTimeout:定義小程序的超時。

debug:定義小程序的debug模式。 

{
  "pages":[
    "pages/scan/scan", // 配置的第一個是項目項目的入口文件
    "pages/index/index",
    "pages/personal/personal",       
    "pages/logs/logs" //特別注意這里不能有 ,
  ],
  "tabBar": { // 底部菜單配置
    "color": "#c9c9c9",
    "backgroundColor":"#323640",
    "selectedColor": "#f5b40e",
    "borderStyle": "#515151",
    "list": [
      {
        "selectedIconPath": "./pages/images/ico_dingdan_1.png",
        "iconPath": "./pages/images/ico_dingdan_2.png",
        "pagePath": "pages/index/index",
        "text": "訂單"
      },
      {
        "selectedIconPath": "./pages/images/ico_saoyisao_1.png",
        "iconPath": "./pages/images/ico_saoyisao_2.png",
        "pagePath": "pages/scan/scan",
        "text": "掃碼"
      },
      {
        "selectedIconPath": "./pages/images/ico_gerenzhongxin_1.png",
        "iconPath": "./pages/images/ico_gerenzhongxin_2.png",
        "pagePath": "pages/personal/personal",
        "text": "我的"
      }
    ]
  },
  "window":{ // 如果要配置窗口的顏色 在 page.xmcss里面配置 page{background:red;}
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "backgroundColor": "#eeeeee",
    "navigationBarTitleText": "渝光停車",
    "navigationBarTextStyle":"black"
  },
 "networkTimeout":{ //網絡超時配置
   "request":10000,
   "downloadFile":1000
 },
 "debug":true //影響日志信息 }

tabBar:定義小程序的底部Tab。

 參數:

  color:tab上文字的顏色。(必填)(16進制)

  selectColor:tab上選中的文字顏色。(16進制)

  backgroundColor:tab的背景色。(16進制)

  borderStyle:tab上邊框的顏色。(字符串)

  list:tab的列表(最少2個,最多5個)。(必填)

  position:tab的位置(top / bottom)

networkTimeout:定義小程序的超時。

debug:定義小程序的debug模式。 

 


免責聲明!

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



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