微信小程序-页面配置

一、页面配置文件的作用

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

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

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

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

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

message.json文件中:

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

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

例如:

message.json文件中:

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

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

相关推荐
我这一生如履薄冰~几秒前
element-plus去除el-dropdown组件当鼠标移入文本时会出现边框
前端·elementui·vue
小果子^_^5 分钟前
div或按钮鼠标经过或鼠标点击后效果样式
前端·css·计算机外设
han_6 分钟前
前端性能优化之性能瓶颈点,Web 页面加载全流程解析
前端·javascript·性能优化
禅思院6 分钟前
Vite 开发环境下实现 YAML 配置热更新方案
前端·vue.js·前端框架
C_心欲无痕7 分钟前
vue3 - toRefs将响应式对象转换为普通对象
前端·javascript·vue.js
sun0077008 分钟前
macvlan解决vlan路由冲突
前端·chrome
小oo呆8 分钟前
【自然语言处理与大模型】LangChainV1.0入门指南:AgentState介绍
前端·javascript·easyui
weixin_4624462319 分钟前
Electron 禁止复制粘帖
前端·javascript·electron
be or not to be21 分钟前
CSS 文本样式与阴影整理笔记
前端·css·笔记
辛-夷22 分钟前
js中如何改变this指向
开发语言·前端·javascript