微信小程序-页面配置

一、页面配置文件的作用

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

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

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

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

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

message.json文件中:

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

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

例如:

message.json文件中:

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

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

相关推荐
掘金安东尼20 分钟前
⏰前端周刊第 456 期(v2026.3.15)
前端·javascript·面试
还是大剑师兰特20 分钟前
Vue3 通用可复用动态插槽组件(终极版)
前端·javascript·vue.js
nibabaoo30 分钟前
前端开发攻略---在 Vue 3 项目中使用 vue-i18n 实现国际化多语言
前端·javascript·国际化·i18n·vue3
qq_4371006635 分钟前
ElasticSearch相关记录
大数据·前端·javascript·elasticsearch·全文检索
CHU72903536 分钟前
剧本杀组车约玩小程序前端功能版块设计及玩法介绍
前端·小程序
清空mega1 小时前
《Vue3 模板进阶:class/style 绑定、事件对象、修饰符、表单处理与高频易错点》
前端·javascript·vue.js
还是大剑师兰特1 小时前
Vue3 插槽完整实战(具名插槽 + 动态插槽)
前端·javascript·vue.js
fei_sun1 小时前
Vue+SpingBoot+MyBaits框架
前端·javascript·vue.js
爱吃鱼的锅包肉1 小时前
利用css+js实现一个图片随鼠标滑动裁剪的功能
前端·javascript·css·计算机外设
儒雅的烤地瓜1 小时前
小程序 | Vue小程序开发框架:MPvue与UniApp深度解析
前端·vue.js·uni-app·nodejs·cli·mpvue