微信小程序中json設置的設置方法介紹（附代碼）

本篇文章給大家帶來的內容是關于微信小程序中json配置的配置方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

json配置可以分為：
1、app.json
2、page.json
一、app.json
app.json文件用來對微信小程序進行全局配置

{
  **"pages"**: [
    "pages/index/index",
    "pages/logs/index"
  ],
  //調試快捷鍵：將鼠標點擊到需要調試的頁面，按住Alt同時按上鍵，這時，需要調試的頁面就會一行一行的向上移動，直到首頁
  **"window"**: {
    "navigationBarBackgroundColor":"#000000",//導航欄背景顏色
    "navigationBarTextStyle":"black",//導航欄標題顏色，僅支持white和black
    "navigationBarTitleText": "XXX",//導航欄標題文字內容
    "backgroundColor":"#ffffff",//窗口的背景色
    "backgroundTextStyle":"dark",//下拉 loading 的樣式，僅支持 dark / light
    "enablePullDownRefresh":true,//是否全局開啟下拉刷新,true或false
   "onReachBottomDistance":"50px";//頁面上拉觸底事件觸發時距頁面底部距離，單位為px。
  },
  **"tabBar"**: {
      "color":"",//文字默認顏色
      "selectedColor":"",//文字選中時的顏色
      "backgroundColor":"",tab的背景色
      "borderStyle":"",//tabbar上邊框的顏色， 僅支持 black / white
      "position":"",//tabBar的位置，僅支持 bottom / top
    "list": [
    //最少2個、最多5個 tab
    {
      "pagePath": "pages/index/index",
      "text": "首頁",
      "iconPath":"XXXX",
      "selectedIconPath":"XXX"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
      "iconPath":"XXXX",
      "selectedIconPath":"XXX"
    }]
  },
  //其中 list 接受一個數組，只能配置最少2個、最多5個 tab。tab 按數組的順序排序，每個項都是一個對象
  **"networkTimeout"**: {
    "request": 60000,//單位毫秒,默認60000
    "uploadFile":60000,//單位毫秒,默認60000
    "downloadFile": 60000//單位毫秒,默認60000
  }
}

二、page.json

{
  "navigationBarBackgroundColor": "#ffffff",//導航欄背景顏色
  "navigationBarTextStyle": "black",//導航欄標題顏色，僅支持 black / white
  "navigationBarTitleText": "微信接口功能演示",//導航欄標題文字內容
  "backgroundColor": "#eeeeee",//窗口的背景色
  "backgroundTextStyle": "light",//下拉 loading 的樣式，僅支持 dark / light
  "enablePullDownRefresh":true,//是否全局開啟下拉刷新
  "onReachBottomDistance":"50px",//頁面上拉觸底事件觸發時距頁面底部距離，單位為px。
  "disableScroll":false//設置為 true 則頁面整體不能上下滾動；只在頁面配置中有效，無法在 app.json 中設置該項
}

相關推薦：

微信小程序實例代碼：上拉加載更多的實現方法

微信小程序中數據綁定的實例分析（代碼）

以上就是微信小程序中json配置的配置方法介紹（附代碼）的詳細內容，更多請關注php中文網其它相關文章！