1 前言：

多TAB的菜单框架，可以把不同内容的菜单选项进行分类，应该是常用的方法：

例如上面这个主界面由4个TAB菜单构成。

 

 

在微信给出的DEMO例子里面，也有相应的多TAB的使用，

在前一篇博客文章，

https://blog.****.net/yellow_hill/article/details/80823292

里面，我们看到，的多TAB，就是tabBar导航栏的概念，一个TAB一个导航的页面不就是多TAB吗？

---

2 构建TAB菜单页面

2.1 修改app.json

根据微信给出的案例，在app.json里面添加tabbar的元素，包括pages、还有tabbar相关的属性。

2.2 增加tab新页面

https://blog.****.net/michael_ouyang/article/details/54923311

其实增加一个新页面并不难，通过右击就可以完成，当然，你也可以用上面的链接介绍的方法，细致调整页面。

2.3 TAB图标的设置

为每一个TAB键的图标配备两个不同情境的样子，可以让你的TAB切换明确清晰。

2.4 效果

 

 

---

3 遇到的问题

3.1 module "pages/index/index.js" is not defined 

修改motto的时候，因为删除了motto的值，导致的错误，