Shulou(Shulou.com)05/31 Report--

This article mainly introduces "how to configure the overall situation in the development of WeChat Mini Programs". In the daily operation, I believe that many people have doubts about how to configure the overall situation in the development of WeChat Mini Programs. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts about "how to configure the overall situation in WeChat Mini Programs's development"! Next, please follow the editor to study!

I. app.json

Use app.json file to configure WeChat Mini Programs globally, determine the path of page file, window performance, set network timeout, set multi-tab and so on.

Note that you cannot comment in .json, otherwise you will make an error.

two。 Toolbar tabBar

If our Mini Program is a multi-tab application (there is a tab bar at the bottom or top of the client window to switch pages), then we can specify the performance of the tab bar through the tabBar configuration item and the corresponding page to display when tab switches.

TabBar is an array. You can only configure a minimum of 2 and a maximum of 5 tab,tab to sort in the order of the array.

In app.json

{"pages": ["pages/index/index", "pages/coming/coming", "pages/search/search", "pages/top/top"], "window": {"navigationBarBackgroundColor": "# 47a86c", "navigationBarTextStyle": "white", "navigationBarTitleText": "Mini Program case", "backgroundColor": "# fff", "backgroundTextStyle": "dark"} "tabBar": {"color": "# 686868", "selectedColor": "# 47a86c", "backgroundColor": "# fff", "list": [{"pagePath": "pages/index/index", "iconPath": "dist/images/popular_icon.png", "selectedIconPath": "dist/images/popular_active_icon.png", "text": "hit"} {"pagePath": "pages/coming/coming", "iconPath": "dist/images/coming_icon.png", "selectedIconPath": "dist/images/coming_active_icon.png", "text": "to be shown"}, {"pagePath": "pages/search/search", "iconPath": "dist/images/search_icon.png", "selectedIconPath": "dist/images/search_active_icon.png" "text": "search"}, {"pagePath": "pages/top/top", "iconPath": "dist/images/top_icon.png", "selectedIconPath": "dist/images/top_active_icon.png", "text": "word of mouth"}]}, "networkTimeout": {"request": 10000, "downloadFile": 10000}, "debug": true}

Icons can be placed at the same level as pages, and file names can be customized.

Other properties in app.json: you can view the official document.

At this point, the study on "how to configure the overall situation in WeChat Mini Programs's development" is over. I hope to be able to solve everyone's doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.