tabBar如何实现页面切换

时间:2024-11-02 11:57:59

1、打开微信小程序开发工具,选择小程序,然后点击加号新建

tabBar如何实现页面切换

2、输入项目名称,选择项目目录,填写AppID,然后选择开发模式,点击新建

tabBar如何实现页面切换

3、创建完毕后,查看项目文件结构,并找到菜单配置文件

tabBar如何实现页面切换

4、点击展开pages文件夹,新建几个页面模块文件夹

tabBar如何实现页面切换

5、打开app.json文件,在pages对象中添加几个页面路径

tabBar如何实现页面切换

6、在window对象下,添加tabBar并配置list,包含pagePath、iconPath、selectedIconPath和text

tabBar如何实现页面切换

7、保存代码并查看模拟器,点击下方的tabBar,查看菜单以及切换效果

tabBar如何实现页面切换
© 手抄报圈