小程式——app.json配置筆記
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 檔案
}
相關文章
- 小程式開發筆記筆記
- 微信小程式學習筆記微信小程式筆記
- 小程式視訊專案筆記筆記
- 天氣小程式筆記總結筆記
- 小程式學習筆記(6)-菜譜小程式的製作筆記
- 「輕算賬」小程式實踐筆記筆記
- 小程式學習筆記(未完待續)筆記
- 微信小程式+java後端整合筆記微信小程式Java後端筆記
- 微信小程式入門學習筆記微信小程式筆記
- 微信小程式開發學習筆記[4]微信小程式筆記
- Taro開發小程式填坑筆記(一)筆記
- mpvue開發微信小程式踩坑筆記Vue微信小程式筆記
- 微信小程式開發學習筆記[2]微信小程式筆記
- 微信小程式開發學習筆記[3]微信小程式筆記
- webpack配置筆記Web筆記
- redis配置筆記Redis筆記
- 配置OMS筆記筆記
- 小程式sitemap配置
- Java常用小筆記Java筆記
- C#小筆記C#筆記
- jQuery IN ACTION 小筆記jQuery筆記
- 讀小程式效能優優化實踐-筆記優化筆記
- 【網路程式設計】TCPIP-小筆記集合程式設計TCP筆記
- 微信小程式--學習筆記(思維導圖)微信小程式筆記
- 小程式讀書筆記(1)常見問題筆記
- 微信小程式開發筆記(2017.07.27)微信小程式筆記
- 記一次mpvue開發完整小程式相關筆記Vue筆記
- GoldenGate學習筆記(4)_程式配置與管理Go筆記
- 小程式如何設定資源的防盜鏈 — 隨筆小記
- ORACLE dataguar 配置筆記Oracle筆記
- 小程式 · 配置總結
- 開發筆記:使用 mpvue 開發鬥圖小程式筆記Vue
- 生活點滴小筆記筆記
- webpack手動配置筆記Web筆記
- Google Web Fundamentals 配置筆記GoWeb筆記
- Linux 核心配置筆記Linux筆記
- 程式生涯小記
- uni-app的分包下小程式報錯app.json: [“tabBar“][1][“pagePath“]: “xxxx“ need in [“pages“]APPJSONtabBar