uniapp 微信小程序自定义底部tabbar

pages.json中的tabbar照常写;

然后在app.vue中的onLaunch方法中隐藏原生的tabbar:

uni.hideTabBar() 

创建tabbar组件,components = >  tabbar.vue

组件内容就是你要自定义的样式信息,如图:

 

 组件代码:






在 主页 和 更多 页面调用tabbar组件

主页调用写current = 0

更多调用写current = 1






你可能感兴趣的:(小程序,vue.js,uni,uniapp)