相信有过实际小程序开发的人，都不陌生主程序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 } 神奇的发现，居然可以了（原来脱下马甲就认识了，呵呵呵~~~）。 写到这里，虽然这个坑可能不算是很有技术含量，但是刚起步的小程序开发可能都会遇到吧，然而那些大牛有没有文章分享出来，我只能记录下 我的踩坑经历分享给大家~~~~ 免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
