app.json配置(微信小程序)


{

  "pages": [

    "pages/index/index",

    "pages/logs/index"

  ],

  "window": {

“backgroundTextStyle”:”light”,

"navigationBarTitleText": "Demo",

“navigationBarBackgroundColor”:”black”,

“navigationBarTextStyle”:”white”

  },

  "tabBar": {

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首頁"

    }, {

      "pagePath": "pages/logs/logs",

      "text": "日志"

    }]

  },

  "networkTimeout": {

    "request": 10000,

    "downloadFile": 10000

  },

  "debug": true

}

 

1."pages":設置頁面路徑

pages:接受一個數組,每一項都是字符串,指定小程序的頁面組成部分,每一項代表對應頁面的信息【路徑+文件名】。數組的第一個是小程序的初始頁面。文件名無需寫后綴,框架自動尋找路徑.json,.js,.wxml,.wxss文件整合。

2."window":設置默認頁面的窗口表現

window:用於設置小程序的狀態欄、導航條、標題、窗口背景色

屬性:

navigationBarBackgroundColor:導航欄背景色顏色

navigationBarTextStyle:導航欄標題樣式,僅支持black/white

navigationBarTitleText:導航欄標題文字內容

backgroundColor:窗口的背景色

backgroundTextStyle:下拉背景字體、loading圖的樣式、僅支持dark/light

enablePullDownRefresh:是否開啟下拉刷新

3."tabBar":設置底部 tab 的表現

通過tabBar配置置頂tab欄的表現,以及tab切換時顯示的對應頁面

color:tab上的文字默認顏色

selectedColor:tab上的文字選中時的顏色

backgroundColor:tab的背景色

borderStyle:tabbar上邊框的顏色,僅支持black/white

list:tab的列表

position:tabBar的位置,可選值:bottom,top

 

list接受一個數組,數組中的每一個項都是一個對象:

屬性:

pagePath:頁面路徑

text:tab上按鈕文字

iconPath:圖片路徑

selectedIconPath:選中的圖片路徑

4."networkTimeout":"設置網絡超時時間"

設置各種網絡請求的超時時間

request(頁面請求):  wx.request的超時時間

connectSocket(鏈接數據): wx.connectSocket的超時時間

uploadFile(加載文件): wxuploadFile的超時時間

downloadFile(下載文件): wx.downloadFile的超時時間

5."debug":設置是否開啟debug模式

開啟debug模式,方便定位常見問題

 

每個小程序頁面都可以使用.json文件來對本頁面的窗口進行配置,頁面的配置,只設置wndow配置項的內容,頁面中的配置會覆蓋app.json的widow中相同的配置項。

頁面的.json只能設置 window 相關的配置項,以決定本頁面的窗口表現,所以無需寫 window 這個鍵

屬性:

navigationBarBackgroundColor:導航欄背景顏色

navigationBarTextStyle:導航欄標題顏色

navigationBarTitleText:導航欄標題文字內容

backgroundColor:窗口的背景色

backgroundTextStyle:下拉背景字體、loading圖的樣式

enablePullDownRefresh:是否開啟下拉刷新

disableScroll:設置為true,則頁面整體不能上下滾動,只在page.json中有效

 


免責聲明!

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



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