uniapp pages配置

### UniApp 中 `pages.json` 的配置方法 #### 1. 基本概念 `pages.json` 是 UniApp 应用中的核心配置文件之一，用于定义应用的全局属性以及各个页面的具体行为和样式。通过该文件可以完成诸如页面路径注册、导航栏自定义、窗口样式调整等功能。 #### 2. 全局配置 (`globalStyle`) `globalStyle` 定义了整个应用的默认样式和行为，适用于所有未单独覆盖的页面。以下是常见的全局配置选项： | 属性名 | 描述 | |--------|------| | `navigationBarTitleText` | 设置顶部导航栏标题文字[^1] | | `navigationBarBackgroundColor` | 导航栏背景颜色，默认为白色[#FFFFFF][^2] | | `navigationBarTextStyle` | 导航栏标题颜色风格，支持 black 和 white | 示例代码如下： ```json { "globalStyle": { "navigationBarTitleText": "我的应用", "navigationBarBackgroundColor": "#007AFF", "navigationBarTextStyle": "white" } } ``` #### 3. 页面级配置 (page-specific settings) 除了全局配置外，还可以针对单个页面进行个性化设置。这些配置会覆盖全局配置中的同名字段。以下是一个典型的页面数组结构及其常用参数说明： | 参数 | 类型 | 默认值 | 功能描述 | |---------------------|----------|--------------|-------------------------------------------------------------------------------------------| | `path` | String | | 当前页面路径 | | `style` | Object | {} | 单独指定此页的样式 | | `- navigationBar...` | | | 同上文 globalStyle | | `enablePullDownRefresh` | Boolean | false | 是否启用下拉刷新功能 | 具体例子展示： ```json { "pages":[ { "path":"pages/index/index", "style":{ "navigationBarTitleText":"首页", "backgroundColorTop":"#FFC0CB", "backgroundColorBottom":"#8B4513" } }, { "path":"pages/about/about", "style":{ "navigationStyle":"custom" // 自定义头部区域隐藏标准nav bar } } ] } ``` 以上实例中第一个对象代表根目录下的 index.vue 组件作为启动入口；第二个则演示了一个关于页面采用完全定制化外观的情况——即移除传统意义上的 title-bar 并代之以开发者自行实现的内容布局方案. #### 注意事项 - 所有 path 路径均需相对项目根目录书写； - 如果某项特性既存在于 globalStyle 又出现在某个 page 下，则后者优先生效； - 对于 tabbar 等更复杂的交互逻辑也需要在此处声明关联信息，请参阅官方文档获取更多细节^.