相信有过实际小程序开发的人,都不陌生主程序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配置-小程序社区/博主专区-微信小程序开发社区-微信小程序联盟

版权声明:本文为jile原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/jile/p/9728587.html