在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
	})
}
相关推荐
前端程序猿i27 分钟前
第 8 篇:Markdown 渲染引擎 —— 从流式解析到安全输出
开发语言·前端·javascript·vue.js·安全
coding随想28 分钟前
告别构建焦虑!用 Shoelace 打造零配置的现代 Web 应用
前端
css趣多多31 分钟前
resize.js
前端·javascript·vue.js
_codemonster39 分钟前
java web修改了文件和新建了文件需要注意的问题
java·开发语言·前端
小冰球43 分钟前
前端侦探:我是如何挖掘出网站里 28 个"隐藏商品"的?
前端·vue.js
3秒一个大1 小时前
深入解析 React 回到顶部(BackToTop)组件的实现与设计
前端·react.js·typescript
大时光1 小时前
gsap 配置解读 --1
前端
掘金安东尼1 小时前
零 JavaScript 的性能优化视频嵌入
前端·javascript·面试
布列瑟农的星空1 小时前
从 ES2015 到 ES2025:你还跟得上吗
前端
Filotimo_1 小时前
Vue 选项式 API vs 组合式 API:区别全解析
前端·javascript·vue.js