目录

uniapp笔记-pages.json全局基本配置

uniapp笔记-pages.json全局基本配置

逻辑

① 框架配置项pages.json

可参考https://uniapp.dcloud.io/collocation/pages

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

例子

主要就是pages.json中的globalStyle

https://i-blog.csdnimg.cn/direct/bd68943e030346d6970165e675f50da1.png

将以前的pages.json的这些代码。

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

修改为:

	"globalStyle": {
		// 	导航栏背景颜色(同状态栏背景色)
		"navigationBarBackgroundColor" : "#ffff7f",
		// 导航栏标题颜色及状态栏前景颜色,仅支持 black/white
		"navigationBarTextStyle" : "black"
	},

查看运行效果:

https://i-blog.csdnimg.cn/direct/afde8689bdaa4f35ac99603ee9473e2f.png