uni-app 自定义导航栏

效果图

 

隐藏小程序底部导航栏

 

封装组件

在 components 文件夹中新建一个 tabbar.vue 文件

页面引入组件

引入组件：

import tabbar from "../../components/tabbar.vue"

通过父子组件传参改变跳转后页面的默认下标：

data() {
    return {
        current:0//默认下标
    }
},
components: {
    tabbar
},