携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情
前几篇咱们都是在示例代码中尝试修改，今天我们要加入自己的东西，首先，我们从底部tabbar开始：
宝宝账单主菜单
初步设定三个tabbar标签
- 首页： 主要展示账单总览，各个维度的图表展示
- 记一笔： 主要记录一单开销
- 历史记录：可以查看所有历史记录
打开pages.json,加入这三个空白页面，我们暂时不删除示例代码，方便我们在开发中查看，随时可以唤起示例代码，待全部开发完，再整理
在pages.json中，加上我们的页面路由配置：
并在底部tabbar栏中设置我们的一级页面路径和图标：
运行代码到浏览器：
我们的界面现在变成这样了，目前只有3个页面，首页，记一笔和历史记录。
菜单图标
我们的图标刚刚都是同一个，我们现在要去iconfont网站找3个合适的图标：
网站搜索你想要的图标，这边我们输入home:
选择一个你觉得ok的图标点击下载，进入图标下载页，选择一种高亮色，选择图标大小32，下载png格式：
同理选择常规色，图标大小32，png下载：
同理，搜索pen和history下载适当的图标。
我们tabbar标签栏的资源图标是放在static/tabbar目录下，我们把刚刚载好的图标丢进来。
替换成我们刚刚载下来的图标：
现在好看一些了。
ok，明天开始写业务逻辑了。今天就先到这~
