- 企業數字化轉型:釘釘小程序開發權威指南
- 楊鶴等
- 550字
- 2022-05-05 21:37:50
4.3.2 app.json全局配置
app.json用于進行全局配置,可設置頁面文件的路徑、窗口表現、網絡超時時間及多tab等。
以下是一個包含部分配置選項的簡單app.json全局配置示例:

app.json配置項如表4-3所示。
表4-3 app.json配置項

1.pages
app.json中的pages配置項是一個數組,數組中的每一項都是字符串,用于指定小程序的頁面。每一項代表對應頁面的路徑信息,數組的第一項代表小程序的首頁。頁面路徑不需要寫.js后綴,框架會自動加載同名的.json、.js、.axml、.acss文件。
注意
當小程序中新增/減少頁面時,都需要對pages數組進行修改。
如果開發目錄為:


則需要在app.json中編寫如下代碼:

2.window
window配置項用于設置通用的狀態欄、導航欄、標題、窗口背景顏色,其屬性列表如表4-4所示。
表4-4 window屬性列表

注意
● HexColor使用十六進制顏色值,如#FF00FF。
● 如果要開啟下拉刷新事件,則需要將pullRefresh的值設置為true。
示例代碼:

3.tabBar
如果你的小程序是一個多tab應用(客戶端窗口的底部欄可以切換頁面),那么可以通過tabBar配置項指定tab欄的表現,以及tab切換時顯示的對應頁面,其屬性列表如表4-5所示。
表4-5 tabBar的屬性列表

注意
通過頁面跳轉(dd.navigateTo)或者頁面重定向(dd.redirectTo)所到達的頁面,即使它是定義在tabBar配置中的頁面,也不會顯示底部的tab欄。另外,tabBar的第一個頁面必須是首頁。
items中每個item的屬性配置如表4-6所示。
表4-6 item的屬性配置

續表

說明
圖標推薦大小為60px×60px,系統會對任意傳入的圖片進行非等比拉伸/縮放操作。
示例代碼:
