uni-app分包配置，导航配置

最新推荐文章于 2024-04-14 10:26:32 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2024-04-14 10:26:32 发布

阅读量448

点赞数 1

分类专栏： uni-app 微信小程序文章标签：小程序 uni-app

本文链接：https://blog.csdn.net/qq_41241504/article/details/121613744

版权

本文介绍了uni-app的分包配置，包括在pages.json中的目录结构设置、顶部标题栏配置、默认界面路径和底部导航栏设定。此外，详细讲解了路由配置，特别是导航配置和分包加载策略，如加载pages/tab/find界面时自动加载pages/componentsA分包，而加载pages/tab/my界面则加载pages/componentsB分包。

摘要由CSDN通过智能技术生成

目录结构：

在pages.json中

顶部标题栏配置

"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
	},

配置默认展示的界面的路径跟底部导航栏

路由配置：

"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/tab/home",
			"style": {
				"navigationBarTitleText": "首页"
			}
		}, {
			"path":