无效的pageJSON(pages/index/index)["window"]

最新推荐文章于 2024-11-22 14:32:50 发布

原创最新推荐文章于 2024-11-22 14:32:50 发布 · 7.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文深入解析小程序中页面.json文件的正确配置方式，强调了如何合理设置窗口样式和导航栏属性，避免冗余的window键使用，确保页面显示效果符合预期。

app.js文件

{
"window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#d3cdb7",
    "navigationBarTitleText": "花满蹊",
    "navigationBarTextStyle": "black"
  }
}

我的index.json文件

{
	"usingComponents": {},
	"window": {
    	"backgroundTextStyle": "light",
    	"navigationBarBackgroundColor": "#d3cdb7",
    	"navigationBarTitleText": "花满蹊",
    	"navigationBarTextStyle": "black"
  }
}

自动生成的logs文件中的.json

{
  "navigationBarTitleText": "查看启动日志",
  "usingComponents": {}
}

可见原因是这样的：

页面的.json只能设置 window 相关的配置项，而无需写 window 这个键”！！！

index.json写出这样就好了

{
  "usingComponents": {},
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#2c3f46",
  "navigationBarTitleText": "花满蹊",
  "navigationBarTextStyle": "white"
}