微信小程序新手教程之json配置

微信小程序新手教程之json配置，本篇默認已經成功安裝微信小程序工具，來和小編一起看看吧

json配置

進行全局配置，

決定頁面文件的路徑、

窗口表現、

設置網絡超時時間、

設置多 tab

...

app.json 配置項列表

屬性類型必填描述pagesString Array是設置頁面路徑windowObject否設置默認頁面的窗口表現tabBarObject否設置底部 tab 的表現networkTimeoutObject否設置網絡超時時間debugBoolean否設置是否開啟 debug 模式

pages

小程序中新增/減少頁面，都需要對 pages 數組進行修改。

文件名不需要寫文件后綴，因為框架會自動去尋找路徑.js,.json,.wxml,.wxss的四個文件進行整合

window

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

tabBar

如果我們的小程序是一個多 tab 應用(客戶端窗口的底部有tab欄可以切換頁面)，那么我們可以通過 tabBar 配置項指定 tab 欄的表現，以及 tab 切換時顯示的對應頁面。

tabBar 是一個數組，只能配置最少2個、最多5個 tab，tab 按數組的順序排序。

內容與顯示分離

{[幾個包含數據的對象]，統一的樣式設置1，統一的樣式設置2，統一的樣式設置3}

networkTimeout

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

debug

可以在開發者工具中開啟 debug 模式

page.json

每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現進行配置。

只

只是

只是設置 app.json 中的 window 配置項的內容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。

決定本頁面的窗口表現

無需!!!寫 window 這個鍵，如：

{

"navigationBarBackgroundColor": "#ffffff",

"navigationBarTextStyle": "black",

"navigationBarTitleText": "微信接口功能演示",

"backgroundColor": "#eeeeee",

"backgroundTextStyle": "light"

}

下面小編就給大家介紹一種一個小程序吧

嗨圖功能

1、專題——DIY圖片的模板，點擊可以生成使用，分享到朋友圈。

2、分享墻——用戶上傳的自己DIY作品。

3、立即制作——可以用自己的圖來DIY。

4、告訴我——告訴產品的改進，內容的增加。

想要體驗怎么制作屬于自己個性朋友圈照片的用戶，掃一掃下面的二維碼就可以啦!還等什么，趕緊掃碼體驗，開啟你的嗨圖之旅吧!