小程式——app.json配置筆記

기다 리 고 있 었 네.發表於2020-09-26

app.json 檔案用來對微信小程式進行全域性配置。檔案內容為一個 JSON 物件,

{
  "pages": [
    "pages/xwdt/xwdt",
    "pages/xytz/xytz",
    "pages/zhtz/zhtz",
    "pages/me/me"
  ],
  //用於指定小程式由哪些頁面組成,每一項都對應一個頁面的 路徑(含檔名) 資訊。檔名不需要寫檔案字尾,框架會自動去尋找對應位置的 .json, .js, .wxml, .wxss 四個檔案進行處理。小程式中新增/減少頁面,都需要對 pages 陣列進行修改。
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",//導航欄背景顏色
    "navigationBarTitleText": "教務系統",//導航欄標題文字內容	
    "navigationBarTextStyle": "black"//導航欄標題顏色,僅支援 black / white
    "navigationStyle":"default",//導航欄樣式,(此時是導航欄預設樣式),還可以設定custom,自定義樣式導航欄
    "backgroundColor": "black"//視窗的背景顏色
    "enablePullDownRefresh": true//啟動視窗的下拉重新整理,enablePullDownRefresh預設屬性是flase,不啟動視窗下拉重新整理
    }"tabBar": {
      "color": "#999999",//tab 上的文字預設顏色,僅支援十六進位制顏色
      "selectedColor":"#555555",//tab 上的文字預設顏色,僅支援十六進位制顏色
      "backgroundColor": "#ffffff",//tab 的背景色,僅支援十六進位制顏色
      "borderStyle": "white",//tabbar 上邊框的顏色, 僅支援 black / white
      "position": "top",//tabBar 的位置,僅支援 bottom / top,top是將tabBar放置於頂部,bottom則是防止於底部
      //tabBar還有一個custom屬性,自定義 tabBar
      //tab 的列表,詳見 list 屬性說明,最少 2 個、最多 5 個 tab
      "list": [
        {
          "pagePath": "pages/xwdt/xwdt",//頁面路徑,必須在 pages 中先定義
          "text": "新聞動態",//tab 上按鈕文字
          "iconPath": "pages/images/xwdt.png",//圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支援網路圖片。當 position 為 top 時,不顯示 icon。
          "selectedIconPath": "pages/images/xwdt1.png"//選中時的圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支援網路圖片。當 position 為 top 時,不顯示 icon。
        },
        {
          "pagePath": "pages/xytz/xytz",
          "text": "學業通知",
          "iconPath": "pages/images/xytz.png",
          "selectedIconPath": "pages/images/xytz1.png"
        },
        {
          "pagePath": "pages/zhtz/zhtz",
          "text": "綜合通知",
          "iconPath": "pages/images/zhtz.png",
          "selectedIconPath": "pages/images/zhtz1.png"
        },
        {
          "pagePath": "pages/me/me",
          "text": "我",
          "iconPath": "pages/images/me.png",
          "selectedIconPath": "pages/images/me1.png"
        }
      ]
    },
    "debug": true,//可以在開發者工具中開啟 debug 模式,在開發者工具的控制檯皮膚,除錯資訊以 info 的形式給出,其資訊有 Page 的註冊,頁面路由,資料更新,事件觸發等。可以幫助開發者快速定位一些常見的問題。建議初學者最好還是開啟debug
    "sitemapLocation": "sitemap.json"//指明 sitemap.json 的位置;預設為 'sitemap.json' 即在 app.json 同級目錄下名字的 sitemap.json 檔案

}

相關文章