微信小程序-页面配置

一、页面配置文件的作用

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

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

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

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

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

message.json文件中:

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

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

例如:

message.json文件中:

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

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

相关推荐
xnkyn几秒前
frp内网穿透https访问本地服务,frpee客户端https教程
前端·后端·网络协议·http·https
布局呆星1 小时前
Vue3 计算属性|从基础缓存到可读写
前端·javascript·vue.js
ZPC82108 小时前
如何创建一个单例类 (Singleton)
开发语言·前端·人工智能
紫_龙9 小时前
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
前端·javascript·typescript
roamingcode10 小时前
前端 AI Agent 多智能体协作架构:从对抗式排查到工作流解耦
前端·人工智能·架构·agent·team
蓝莓味的口香糖11 小时前
【vue】初始化 Vue 项目
前端·javascript·vue.js
光影少年12 小时前
数组去重方法
开发语言·前端·javascript
我命由我1234512 小时前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
weixin_4434785112 小时前
Flutter第三方常用组件包之路由管理
前端·javascript·flutter
武藤一雄12 小时前
C# 异步回调与等待机制
前端·microsoft·设计模式·微软·c#·.netcore