uni-app配置分包

关注

原创 2024-04-17 10:24:41 1k 阅读 AI 写同款· GEO 优化 ›

uni-app分包配置，导航配置目录结构：在pages.json中顶部标题栏配置 "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", }, 配置默认展示的界面的路径跟底部导航栏路由配置： "pages": [ //pages数组中第一项表示应用启动页，参考：https:... 阅读详情

文档

uni-app官网•全局文件•pages.json页面路由•subPackageshttps://uniapp.dcloud.net.cn/collocation/pages.html#subpackages

uni-app官网•全局文件•pages.json页面路由•pageshttps://uniapp.dcloud.net.cn/collocation/pages#pages

示例一

1.自定义分包（和pages文件夹同级目录）

2.在pages.json文件，subPackages节点，配置分包

"subPackages": [
	{
		"root": "subPackageA",
		"pages": [
			{
				"path": "list/list",
				"style": {
					"navigationBarTitleText": "列表"
				}
			}
		]
	},
	{
		"root": "subPackageB",
		"pages": [
			{
				"path": "detail/detail",
				"style": {
					"navigationBarTitleText": "详情"
				}
			}
		]
	}
]

示例：

示例二

1.自定义分包

2.在pages.json文件，subPackages节点，配置分包

"subPackages": [
	{
		"root": "subPackage/list",
		"pages": [
			{
				"path": "index",
				"style": {
					"navigationBarTitleText": "列表index"
				}
			},
			{
				"path": "list",
				"style": {
					"navigationBarTitleText": "列表"
				}
			}
		]
	},
	{
		"root": "subPackage/detail",
		"pages": [
			{
				"path": "detail",
				"style": {
					"navigationBarTitleText": "详情"
				}
			},
			{
				"path": "index",
				"style": {
					"navigationBarTitleText": "详情index"
				}
			}
		]
	}
]

示例：