在uniapp当中隐藏掉默认tabbar并且使用自己的tabbar

1. 修改配置

js 复制代码
"tabBar": {
	"custom": true,
	"selectedColor": "#ffdead",
	"list": [{
		"pagePath": "pages/index/index",
		"text": "首页"
	}]
},
js 复制代码
//在引入自定义Tabbar组件的时候在载入的时候手动注释一下
import {
	onLoad
} from '@dcloudio/uni-app'

onLoad(() => {
	uni.hideTabBar();
})
//切记app.vue里面也要写一下
onLaunch: function() {
		console.log('App Launch')
		uni.hideTabBar()
		uni.removeStorageSync('selectedIndex')
	},

2. 引入组件

js 复制代码
//这里跳转的最好是在tabbar的基础上加上根路径要不然是相对地址会错
const tabBarChange = (url) => {
	uni.switchTab({
		url: url
	})
}
相关推荐
派小心.33 分钟前
React StrictMode埋点双执行的验收方法
前端·前端框架
IT_陈寒41 分钟前
Python的GIL锁让我把多线程代码全重写了!
前端·人工智能·后端
百度一下吧1 小时前
umi后台管理项目实战:从工程搭建到生产构建
java·前端·javascript
haerapi1 小时前
仓库拣货路线不只靠最短边:S 形启发式的反例记录
android·开发语言·javascript
派小心.1 小时前
App埋点排查:iOS冷启动事件漏报先看初始化还是上报
前端·数据分析
事圆则缓1 小时前
Flutter 状态管理框架对比(六):同一个购物车,四种方案怎么落地?
前端·javascript·flutter
peter67681 小时前
css揭秘-背景和边框
前端·css
500841 小时前
React Native for OpenHarmony 实战:三方库 react-native-torch 的鸿蒙化适配指南
javascript·react native·react.js·harmonyos
派小心.1 小时前
小程序埋点验收:自定义事件上报后页面参数怎么核对
前端·数据分析
500842 小时前
React Native for OpenHarmony 实战:三方库 react-native-device-uptime 的鸿蒙化适配指南
javascript·分布式·react native·react.js·harmonyos