4.10　配置单个页面导航栏背景色

注意观察post文章页面，它顶部的导航栏并不是默认的黑色，而是呈现出和welcome欢迎页面相同的橘红色。

原因在于我们在app.json中配置了全局导航栏的颜色为#b3d4d。在项目设计图里，全局导航栏的配色应该是#4A6141，所以，我们现在将全局导航栏的颜色配置为#4A6141。在app.json中更改全局导航栏配色，代码如下：

更改后发现，welcome页面顶部的导航栏颜色也被更换成了新的颜色。所以，我们需要单独配置welcome页面的导航栏颜色，让它不受全局配置的影响。

全局配置是在app.json中设置，那么对单个页面的配置应该在页面的json文件中配置。在welcome.json中添加如下代码：

保存后发现welcome页面的导航栏颜色已经被更改成了橘红色。

那么页面的json文件配置和app.json文件的配置有什么不同？

• 页面的json文件只能够配置和window相关的属性。window属性的配置项请参考3.9小节。但app.json除了可以配置window外还可以配置pages、tabBar等选项。

• 页面的json配置不需要像app.json那样，加上window这个对象，直接编写window下面的配置项即可。请仔细对比代码清单4-25和代码清单4-26的区别。

修改完成后，以后再新建任何页面，页面的导航栏背景色都将被配置为#4A6141这个颜色。当然，可以将颜色修改为任何你喜欢的颜色。