微信小程序-页面配置

一、页面配置文件的作用

小程序中,每个页面都有自己的.json配置文件,用来对当前页面的窗口外观、页面效果等进行配置

二、页面配置和全局配置的关系

小程序中,app.json中的window节点,可以全局配置小程序中每个页面的窗口表现

如果某些小程序页面想要拥有特殊的窗口表现,就通过"页面级别的.json配置文件"实现这种需求

比如将message页面的导航栏背景颜色换红色

message.json文件中:

复制代码
{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#ff0000"
}

三、页面配置中常用的配置项

例如:

message.json文件中:

复制代码
{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#ff0000",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "消息页面",
  "backgroundColor": "#ff0000",
  "backgroundTextStyle": "light"
}

在实际开发中,不建议在全局来开启下拉刷新的效果,当哪个页面需要用到下拉刷新时,就单独在页面的.json文件中开启下拉刷新的行为

相关推荐
Tkto13 分钟前
我用 WebGL 从「画个点」一路画到「贪吃蛇」
前端
xiaobaoyu19 分钟前
前端代码常用规范
前端
xiaobaoyu28 分钟前
img,word,excel,pdf文件在线预览
前端
lichenyang45329 分钟前
从 H5 到 HarmonyOS:我做了一个 npm + OHPM 双端发布的 ArkWeb JSBridge 框架
前端
用户842981424181029 分钟前
AI时代,JS混淆加密还有用吗?
前端·javascript
xiaobaoyu33 分钟前
如何理解前端项目中的绝对路径和相对路径
前端
xiaobaoyu37 分钟前
vue3+vite+vant4项目实战总结
前端
咖啡星人k1 小时前
【无标题】
前端·ai·github
颜进强1 小时前
LangChain 从入门到实践:用最小案例理解 RAG 的 5 个核心抽象
前端·后端·ai编程
颜进强1 小时前
MCP 从入门到实践:用 TypeScript 实现第一个 MCP Server
前端·后端·ai编程