pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。
导航栏高度为 44px (不含状态栏),tabBar 高度为 50px (不含安全区)。
它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在 uni-app 中是在 manifest 中配置。

配置项列表

官方文档
在这里插入图片描述

实际项目情况配置

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

在这里插入图片描述

	"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": {
						
					}
				}
			]
		}
	]
Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐