微信小程序-页面配置

一、页面配置文件的作用

小程序中,每个页面都有自己的.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 小时前
让 JavaScript 更容易「善后」的新能力
前端·javascript·面试
掘金安东尼15 小时前
用 HTMX 为 React Data Grid 加速实时更新
前端·javascript·面试
灵感__idea17 小时前
Hello 算法:众里寻她千“百度”
前端·javascript·算法
yinuo17 小时前
轻松接入大语言模型API -04
前端
袋鼠云数栈UED团队18 小时前
基于 Lexical 实现变量输入编辑器
前端·javascript·架构
cipher18 小时前
ERC-4626 通胀攻击:DeFi 金库的"捐款陷阱"
前端·后端·安全
UrbanJazzerati18 小时前
非常友好的Vue 3 生命周期详解
前端·面试
AAA阿giao18 小时前
从零构建一个现代登录页:深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈
前端·css·react.js
兆子龙19 小时前
像 React Hook 一样「自动触发」:用 Git Hook 拦住忘删的测试代码与其它翻车现场
前端·架构
兆子龙20 小时前
用 Auto.js 实现挂机脚本:从找图点击到循环自动化
前端·架构