在uniapp当中潜伏掉默认tabbar而且使用自己的tabbar

1. 修改设置

1. "tabBar": {
2.         "custom": true,
3.         "selectedColor": "#ffdead",
4.         "list": [{
5.                 "pagePath": "pages/index/index",
6.                 "text": "首页"
7.         }]
8. },

复制代码

1. //在引入自定义Tabbar组件的时候在载入的时候手动注释一下
2. import {
3.         onLoad
4. } from '@dcloudio/uni-app'
6. onLoad(() => {
7.         uni.hideTabBar();
8. })
9. //切记app.vue里面也要写一下
10. onLaunch: function() {
11.                 console.log('App Launch')
12.                 uni.hideTabBar()
13.                 uni.removeStorageSync('selectedIndex')
14.         },

复制代码

2. 引入组件

1. //这里跳转的最好是在tabbar的基础上加上根路径要不然是相对地址会错
2. const tabBarChange = (url) => {
3.         uni.switchTab({
4.                 url: url
5.         })
6. }

复制代码