当前位置：网站首页>[wechat applet] set the bottom menu (tabbar) for the applet

[wechat applet] set the bottom menu (tabbar) for the applet

2022-04-23 02:37:00 【Yangcy】

Insert picture description here

One 、 Project directory

Three pages ：
Insert picture description here
Icon resources ：

Two 、app.json Set in tabBar

here pages Page path that already exists in ：
Insert picture description here

add to tabBar attribute , And window and pages At the same level .
Insert picture description here
among selectedColor Is the font color of the label after the current menu is selected .
list An object in represents a menu item .

pagePath:  The page path corresponding to the current menu , belong pages There is a corresponding path 
text:  The label of the current menu 
iconPath:  The icon path displayed when the menu is not selected 
selectedIconPath:  The icon path displayed after the current menu is selected