uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)

pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。

导航栏高度为 44px (不含状态栏),tabBar 高度为 50px (不含安全区)。

它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在 uni-app 中是在 manifest 中配置。

配置项列表

官方文档

实际项目情况配置

这里APP分为四个模块,那么就需要配置四个tabbar

bash 复制代码
	"pages": [
		{
			"path": "pages/tabbar/device/device",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/tabbar/shopMall/shopMall",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/tabbar/wallect/wallect",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/tabbar/my/my",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		}
	],
	"subPackages": [
		{
			"root": "pages/device",
			"pages": [
				{
					"path": "",
					"style": {
						
					}
				}
			]
		}
	]
相关推荐
weixin_403810135 小时前
AI智能体写安卓自动化脚本教程:Cursor/Trae+CLI 实战,自然语言生成代码
android·人工智能·自动化·跨境电商·安卓自动化脚本·多账户运营
呆呆小孩7 小时前
零基础学 MySQL(上):从建库建表到增删改查,一篇搭好 SQL 基础
android·sql·mysql
catchadmin7 小时前
NativePHP v4 让 Blade 构建原生 iOS 与 Android 界面
android·ios·ai·php
FfHUCisI9 小时前
Golang 数据库连接池深度调优
android·数据库·golang
weixin_4038101310 小时前
iOS免越狱自动化三种方式对比:代理模式、蓝牙HID与OTG HID怎么选
ios·自动化·跨境电商·ios脚本·苹果群控·苹果投屏·苹果脚本
古法安卓11 小时前
Android-epoll原理详解
android·java·android studio
小满zs11 小时前
关于HBuilderX+ 微信小程序开发工具启动的问题
前端·uni-app
_瑞13 小时前
APM_函数调用栈展开
ios·编译原理
字节暗面13 小时前
四款 APP 加固强度测评:让 AI 拆了四个包,结果有点出乎意料
android·逆向工程·加固
网安蟹佬霸14 小时前
蓝队防御实战:SIEM与SOAR构建安全运营中心(万字详解+实战配置)
android·安全·web安全·网络安全·网安