微信小程序-页面配置

一、页面配置文件的作用

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

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

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

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

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

message.json文件中:

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

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

例如:

message.json文件中:

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

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

相关推荐
懒得不想起名字1 小时前
flutter 使用go_router 和 page_transition定义页面动画
前端
多加点辣也没关系1 小时前
JavaScript|第6章:流程控制语句
开发语言·前端·javascript
csj501 小时前
前端基础之《React(11)—state声明式》
前端·react.js
程序员晓琪1 小时前
深入解析:从 Webpack 到 Vite,多入口多端项目的工程化迁移实战
前端·webpack·vite
涛涛ing1 小时前
Vue 3.6 还没正式发布,但前端的方向已经被它定下来了
前端
阿新聊ai2 小时前
Claude Code 为什么总不懂你的项目?缺一张「项目地图」
前端·后端·面试
暗冰ཏོ2 小时前
Spring Boot + Vue3 订单支付模块技术实现:支付单、回调验签、幂等处理与余额扣减
前端·spring boot·后端·vue·微信支付·支付宝支付
Csvn2 小时前
AbortController 不止能取消 Fetch!3 个你不知道的隐藏用法
前端·javascript
爷_2 小时前
AI Coding Agent 沙箱的设计原理解析
前端·人工智能·后端
爱勇宝2 小时前
第 3 章:别把团队设计成一场内卷竞赛
前端·后端·程序员