Home > Article > WeChat Applet > Code analysis of app.json configuration in WeChat mini program
The content of this article is about the code analysis of app.json configuration in WeChat applet. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
Detailed analysis of app.json configuration
{ "pages": [ "pages/index/index", "pages/vultr/vultr" ], "window": { "navigationBarBackgroundColor": "#ff99bb", "navigationBarTextStyle": "black", "navigationBarTitleText": "小程序", "backgroundColor": "#c2f0f0", "backgroundTextStyle": "light", "enablePullDownRefresh": true }, "tabBar": { "color": "#ff99ff", "selectedColor": "#99bbff", "backgroundColor": "#ff4dd2", "borderStyle": "black", "position":"top", "list": [{ "pagePath": "pages/index/index", "text": "首页", "iconPath": "img/1.png", "selectedIconPath": "img/3.png" },{ "pagePath": "pages/vultr/vultr", "text": "科学", "iconPath": "img/2.png", "selectedIconPath": "img/3.png" }] }, "networkTimeout": { "request": 20000, "connectSocket": 20000, "uploadFile": 20000, "downloadFile": 20000 }}
Page registration
Form settings
Menu bar settings
Network delay settings
The collection of all pages forms an array, the first element is the homepage, and so on!
All pages must be registered in page registration!
The setting content is the top part of the screen, mainly including the navigation bar, pullability and pull-time background settings
The navigation bar has three attributes
It can be pulled and has one
The background color setting after being pulled
Note: If a menu bar is set, the home page must be a member of the menu bar, otherwise the menu bar will be invalid!
Mainly the delay settings for 4 types of requests
Related recommendations :
Page layout, absolute positioning and button code in the mini program
How to obtain music links (images and text) in the WeChat mini program
The above is the detailed content of Code analysis of app.json configuration in WeChat mini program. For more information, please follow other related articles on the PHP Chinese website!