小程序中JSON文件中全局和子页面的字段window配置'

相信有过实际小程序开发的人，都不陌生主程序app.json和子页面的XX.json文件中window字段的配置。

 

如果全局都是用app.json的一个样式，那么你就可以忽略掉此文。但是你想个性化单独设置各个页面的window字段，那么问题来了，

你会发现：严格按照小程序官方的window格式来设置，就是不生效，查官方文档也没有解决办法，反正我是没找到 。。。

 

怎么以上问题呢，毕竟产品要求的，Google以下，发现很多人分享说，去掉子页面的window字段名称，直接把属性写在json文件的大括弧之间，

像这样：

{
"navigationBarBackgroundColor":"#62b900",
"navigationBarTextStyle":"white",
"navigationBarTitleText":"我的宝贝",
"backgroundColor":"#eeeeee",
"backgroundTextStyle":"light",
"enablePullDownRefresh":false
   }

 

突然发现好使了，开心ing......

那么问题结束了么，一个优秀的产品经理又给你出主意了，这里需要引入下第三方的图标，发现需要再json中设置下，那么怎么整？window的设置还是

得加上吧，加上之后，是这样的：

{
"usingComponents": {
"ec-canvas":"../../ec-canvas/ec-canvas"
      },
"window": {
"navigationBarBackgroundColor":"#62b900",
"navigationBarTextStyle":"white",
"navigationBarTitleText":"Echarts Demos",
"backgroundColor":"#eeeeee",
"backgroundTextStyle":"light",
"enablePullDownRefresh":false
     }
    }

这是发现又不行了，内心奔溃一万次。。。明明是官方指定的格式嘛，为啥不行，检查一万次还是不行:(，跟产品商量要个性化设置了，产品当然怼回来:当然是不行滴!

 

后来百般尝试无意间发现，单独把window中的属性值直接放到json的第一层级，是这样的：

{
"usingComponents": {
"ec-canvas":"../../ec-canvas/ec-canvas"
      },
"navigationBarBackgroundColor":"#62b900",
"navigationBarTextStyle":"white",
"navigationBarTitleText":"Echarts Demos",
"backgroundColor":"#eeeeee",
"backgroundTextStyle":"light",
"enablePullDownRefresh":false
    }

神奇的发现，居然可以了（原来脱下马甲就认识了，呵呵呵~~~）。

 

写到这里，虽然这个坑可能不算是很有技术含量，但是刚起步的小程序开发可能都会遇到吧，然而那些大牛有没有文章分享出来，我只能记录下

我的踩坑经历分享给大家~~~~

 

作者

Max_XDC攻城狮 。小程序社区会员，坚持原创分享技术博文。

本文原创发布于小程序社区。未经许可，禁止转载

原文地址：小程序中JSON文件中全局和子页面的字段window配置-小程序社区/博主专区-微信小程序开发社区-微信小程序联盟