在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
	})
}
相关推荐
SuperHeroWu721 分钟前
【鸿蒙基础入门】概念理解和学习方法论说明
前端·学习·华为·开源·harmonyos·鸿蒙·移动端
Full Stack Developme31 分钟前
MyBatis-Plus 流式查询教程
前端·python·mybatis
用户412467508371 小时前
用 Locust 压测一个网站,记录一下学习过程
前端
木斯佳1 小时前
前端八股文面经大全:字节TikTok前端一面(2026-04-17)·面经深度解析
前端·面试·八股·面经
SarL EMEN1 小时前
海康威视摄像头ISUP(原EHOME协议) 摄像头实时预览springboot 版本java实现,并可以在浏览器vue前端播放(附带源码)
java·前端·spring boot
px不是xp1 小时前
DeepSeek API集成:让小程序拥有AI大脑
javascript·人工智能·小程序
天渺工作室1 小时前
Svelte/SvelteKit 多语言配置指南
前端·svelte
咸鱼翻身了么1 小时前
微服务-乾坤
前端
Wect2 小时前
深度解析浏览器本地存储:原理、方案与实战指南
前端·面试·浏览器