uni-app实现底部导航

uni-app实现底部导航

在做的过程中会先把自己用到的方法，和自己认为可以优化的地方先记录下来。
优化和补充会在后期进行补充

1. 使用uni-app自带组件实现底部导航功能

今天想把小程序开发完。在实现底部导航的时候，先去看了一下模板源码
发现应该是在pages.json中用tabbar组件

然而并没有效果显示

1. ok.去uni-app官网看一下这个组件具体应该怎么使用
   看了就是上面这段代码
2. 如下图，要将带tabbar的页面配置为首页
   
   将跳转页设为首页，效果出现！
   那么在后面做的过程中，如果不把这个页面设置为启动页还能够出现吗？-- 应该不行

2. 使用uni-app实现中间带加号的底部导航功能

3. 使用uni-app实现自定义底部导航功能

最近的小程序到了收尾工作，然而更大的麻烦出现了。
一开始是仿照colorUI中的方式，组件化将tab对应页面装进去