Detailed explanation of the example of setting the title bar and navigation bar of the WeChat applet

This article mainly introduces the settings of the title bar and navigation bar of the WeChat Mini Program tutorial series in detail. It has certain reference value. Interested friends can refer to

WeChat Mini Program How to set the title bar and navigation bar, the specific content is as follows

Set the title bar

Title bar window

In the app.json file Inside, set through the properties in the window object

Example:
app.json:

Run:

Set navigation bar

Navigation bar TabBar

If our applet 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 tab bar through the tabBar configuration item performance, and the corresponding page displayed when tab switching.

Tip: The bottom of the page reached through page jump (wx.navigateTo) or page redirection (wx.redirectTo) will not be displayed even if it is a page defined in the tabBar configuration. tab bar.

tabBar is an array. Only a minimum of 2 and a maximum of 5 tabs can be configured. The tabs are sorted in the order of the array.

## Example: app.json:

run:

The above is the detailed content of Detailed explanation of the example of setting the title bar and navigation bar of the WeChat applet. For more information, please follow other related articles on the PHP Chinese website!