Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "how to configure page.json pages". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Page.json

Each Mini Program page can also use a .json file to configure the window performance of this page. The configuration of the page is much simpler than the global configuration of app.json, just setting the content of the window configuration item in app.json, which overrides the same configuration item in app.json 's window.

The .json of the page can only set window-related configuration items to determine the window performance of this page, so there is no need to write the window key, such as:

The default value of attribute type describes the background color of navigationBarBackgroundColorHexColor#000000 navigation bar, such as "# 000000" navigationBarTextStyleStringwhite navigation bar title color. It only supports black/whitenavigationBarTitleTextString navigation bar title text content backgroundColorHexColor#ffffff window background color backgroundTextStyleStringdark drop-down background font, loading image style, and only supports whether dark/lightenablePullDownRefreshBooleanfalse enables drop-down refresh. For more information, please see the page-related event handler. If disableScrollBooleanfalse is set to true, the page as a whole cannot scroll up and down. It is only valid in page.json, but cannot set the distance from the bottom of the onReachBottomDistanceNumber50 page when the pull bottom event is triggered in app.json. The unit is px {"navigationBarBackgroundColor": "# ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "Wechat API function demonstration", "backgroundColor": "# eeeeee", "backgroundTextStyle": "light"} "how to configure the page.json page". That's it. Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.