uni-app pages.json

最新推荐文章于 2025-05-29 08:10:48 发布

modaoshi51991

最新推荐文章于 2025-05-29 08:10:48 发布

阅读量899

点赞数 36

分类专栏： uni-app项目实战文章标签： uni-app json 前端

本文链接：https://blog.youkuaiyun.com/modaoshi51991/article/details/145038459

版权

uni-app项目实战专栏收录该内容

9 篇文章

订阅专栏

pages数组：用于定义应用的页面路径、窗口表现、导航栏样式等，它列出了应用中所有的页面路径，并决定了这些页面的加载顺序和一些初始设置。

pages 数组中的每一项代表了一个页面的配置对象，通常包含以下属性：

path (String)：必填，表示页面的路径（相对于 src 或 project 根目录），不带后缀名。
style (Object)：可选，用于配置该页面的一些样式和行为，例如导航栏的颜色、是否启用下拉刷新等。

  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }    
  ],

subPackages
将应用中的页面分成多个子包，每个子包可以独立打包和加载。这样做的好处包括：

减少初始加载时间：只有用户访问特定子包中的页面时，才会加载该子包的资源。
支持分包预下载：可以提前下载某些子包，确保用户在需要时能快速访问。
优化构建输出：对于大型应用来说，分包可以显著减少主包的体积，提高性能。
subPackages 是一个数组，每个元素是一个对象，包含以下属性：

root (String)：必填，表示子包的根路径，相对于项目根目录。
pages (Array)：必填，表示子包中包含的页面路径。
style (Object)：可选，用于配置子包的一些样式和行为。

"subPackages": [
    {
      "root": "subpackageA",
      "pages": [
        {
          "path": "pages/a1/a1",
          "style": {
            "navigationBarTitleText": "A1 页面"
          }
        },
        {
          "path": "pages/a2/a2",
          "style": {
            "navigationBarTitleText": "A2 页面"
          }
        }
      ]
    }
    ]

globalStyle
全局样式

tabBar
tabBar 是 Uni-app 中用于配置应用底部标签栏的选项。通过 tabBar，你可以定义应用启动时显示在底部的导航栏，用户可以通过点击这些标签来快速切换不同的页面。tabBar 的配置通常放在 pages.json 文件中，确保每个标签对应一个具体的页面路径。

groups 自定义配置项用来组织表单组件