微信小程序開端,app.json全局配置

微信小程序開發目錄:

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils

一.小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置。

{
  "pages": [             //小程序中新增/減少頁面,都需要對 pages 數組進行修改。
    "pages/index/index",
    "pages/logs/index"   //在此添加page,項目會直接創建空page包括(.js;.json;.wxml;.wxss等文件
  ],
  "window": {           //用於設置小程序的狀態欄、導航條、標題、窗口背景色。
   "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",  //只有white 和black
  "navigationBarTitleText": "微信小程序演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
  },
  "tabBar": { //頁面底部或頂部 tab
     "position":"bottom",
     "backgroundColor":"#da0011",
     "selectedColor":"black",
      "borderStyle":"black",
     "list": [
        {                    //其中 list 接受一個數組,只能配置最少 2 個、最多 5 個 tab
          "pagePath": "pages/index/index",  //頁面路徑,必須在 pages 中先定義
          "text": "首頁"
        },
       {
           "pagePath": "pages/index/index", 
          "text": "我的"
        }, 
        {
          "pagePath": "pages/logs/index",
          "text": "日誌"
        }
    ]
  },
   "requiredBackgroundModes": ["audio", "location"], //需要後臺運行 目前支持 音樂和定位
    "permission": {             //定位獲取權限 提示
        "scope.userLocation": {
          "desc": "你的位置信息將用於小程序位置接口的效果展示" //小程序獲取權限時展示的接口用途說明
        }
      },
  "networkTimeout": {  //超時設置
    "request": 10000,       //wx.request 的超時時間,單位:毫秒。
    "downloadFile": 10000
  },
  "debug": true,
  "navigateToMiniProgramAppIdList": [   //每個小程序可跳轉的其他小程序數量限制爲不超過 10 個
    "wxe5f52902cf4de896",
    "wxe5f52902cf4de896"          //跳轉的 appId 必須在配置列表中
  ]
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章