微信小程序 - 实践- 001-实现一个多TAB的菜单框架

1 前言:

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

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

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

在前一篇博客文章,

https://blog.csdn.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.csdn.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的值,导致的错误,

猜你喜欢

转载自blog.csdn.net/yellow_hill/article/details/81074668