在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
	})
}
相关推荐
a***13141 分钟前
python的sql解析库-sqlparse
android·前端·后端
0***R51522 分钟前
前端构建工具缓存,node_modules
前端·缓存
坚持就完事了28 分钟前
CSS-4:CSS的三大特性
前端·css
坚持就完事了39 分钟前
CSS-3:背景设置
前端·css·html
坚持就完事了40 分钟前
CSS-2:CSS的元素显示模式
前端·css
肠胃炎1 小时前
Flutter 基础组件
前端·flutter
酥风1 小时前
AI概念解惑系列 - RAG
前端·llm·aigc
djk88881 小时前
多标签页导航后台模板 html+css+js 纯手写 无第三方UI框架 复制粘贴即用
javascript·css·html
IT_陈寒1 小时前
Redis深度优化:10个让你的QPS提升50%的关键配置解析
前端·人工智能·后端
Hilaku1 小时前
别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷‍♂️
前端·javascript·代码规范