uniapp开发微信小程序自定义tabbar

第一步：在pages.json里定义自己tabbar路径，定义的时候只需要写上页面路径即可

 第二步：自定义tabbar页面，为了实现点击动作的动态效果，需要用到watch监听父组件传来的值的改变

 自定义tabbar页面全部代码

注：该页面可以直接用组件的方式来放，因为uniapp支持easycom模式，这样比较简单，不用全局注册

 第三步：隐藏原生tabbar，在App.vue 文件里面onshow写上 uni.hideTabbar()；也可直接在pages.json中通过tabbar内custom配置项关闭默认tabbar

方式一：

方式二：

第四步：引入table页面，如果是使用了easycom规则的组件，可以直接在页面使用

 这儿父组件页面要动态传值，就是为了告诉组件现在的停留页面，也是为了组件动态显示提供基础条件

注意：这个传值必须是动态传值，所以要放在onshow里面，当页面切换的时候就改变值

 当所有页面都引入组件后就可以查看效果了

效果图：

tabbar用的磨砂背景，看着感觉还不错