微信小程序-页面配置

一、页面配置文件的作用

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

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

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

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

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

message.json文件中:

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

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

例如:

message.json文件中:

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

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

相关推荐
Kant79319 分钟前
Ant Design X 和 Element-Plus-X
前端
dasseinzumtode21 分钟前
在 React 项目中使用 TypeScript 编写 Service Worker 的完整方案
前端·react.js
来一首_We_go23 分钟前
React Router V7 踩坑指南
前端·react.js
出师未捷的小白23 分钟前
我的嘛也!实现一个时间轴无缝轮播居然如此简单......
前端
郡杰25 分钟前
JavaScript基础语法
前端·javascript
cypking37 分钟前
svelte+vite+ts+melt-ui从0到1完整框架搭建
前端
WebInfra1 小时前
Rspack 加入 Next.js 生态:携手改进前端工具链
前端·javascript·github
三小河1 小时前
Web Speech API实现语音的识别和播放
前端
华科云商xiao徐1 小时前
使用libcurl编写爬虫程序指南
前端
伶俜monster1 小时前
破解旋转死锁:Threejs 四元数魔法对抗欧拉角困局
前端·webgl·three.js