微信小程序-页面配置

一、页面配置文件的作用

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

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

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

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

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

message.json文件中:

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

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

例如:

message.json文件中:

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

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

相关推荐
技术净胜15 小时前
Python 操作 Cookie 完全指南,爬虫与 Web 开发实战
前端·爬虫·python
神奇的程序员15 小时前
Nginx日志分析工具-NginxPulse开源了
前端
我是小疯子6616 小时前
前端开发入门:HTML、CSS与JS学习指南
前端
知了清语16 小时前
是的,微信小程序的 show-menu-by-longpress 真的会让你无语
前端
Hao_Harrision16 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RangeSlider(范围滑块组件)
前端·typescript·react·tailwindcss·vite7
CC码码16 小时前
不修改DOM的高亮黑科技,你可能还不知道
前端·javascript·面试
虚诚16 小时前
vue2中树形表格怎么实现
前端·javascript·vue.js·ecmascript·vue2·树形结构
wuhen_n16 小时前
Promise与async/await
前端
LYFlied16 小时前
前端路由核心原理深入剖析
前端
用户190176844786516 小时前
vue3规范化示例
前端