Current location - Recipe Complete Network - Complete cookbook - Wechat applet 1: bottom menu (tabBar)
Wechat applet 1: bottom menu (tabBar)
tips:

1. The number of menu labels at the bottom of the applet is not less than 2, but not more than 5 at most.

2. You can find the icon you need in Alibaba Vector Icon Library.

3. The applet suggests that the icon size is 81*81px

I choose a 64-size png picture here, and each icon chooses two colors, corresponding to the unselected state and the selected state respectively. According to your design project

tips:

1. Create the project picture folder: images

2. Create the corresponding menu column folder in pages

3. Configure app.json: tabBar configuration

1. In app.json, "window":{} and" tabBar":{} are the same level

2. Global configuration

3. Set the tabbar address: wx.setTabBarBadge(Object object).