小程序中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配置-小程序社区/博主专区-微信小程序开发社区-微信小程序联盟