uni-app的pages.json中配置“frameset”,保存编译后小程序原生代码app.json未出现配置项

发布于 1周前 作者 h691938207 来自 Uni-App

uni-app的pages.json中配置“frameset”,保存编译后小程序原生代码app.json未出现配置项

图片

编译后小程序原生代码app.json,没有“resizable”和“frameset”:

图片

我不想使用小程序的大屏分栏模式,请问需要如何配置?


1 回复

在uni-app中,pages.json 是用于配置页面路由、导航栏、标签栏等页面级相关信息的文件。然而,frameset 并不是一个标准的配置项在 pages.json 中,uni-app 官方文档中也没有提及 frameset 的配置。在 uni-app 中,页面的组织和管理通常是通过页面路径和路由配置来实现的。

对于小程序原生代码中的 app.json,uni-app 在编译过程中会自动根据 pages.jsonmanifest.json 等配置文件生成相应的内容。但需要注意的是,uni-app 编译输出的小程序代码会遵循小程序的规范,而 frameset 并不是小程序 app.json 的有效配置项。

下面是一个简单的 pages.json 配置示例,用于展示如何在 uni-app 中配置页面路由:

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/about/about",
      "style": {
        "navigationBarTitleText": "关于"
      }
    }
  ],
  "tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "static/tabbar/home.png",
        "selectedIconPath": "static/tabbar/home-active.png"
      },
      {
        "pagePath": "pages/about/about",
        "text": "关于",
        "iconPath": "static/tabbar/about.png",
        "selectedIconPath": "static/tabbar/about-active.png"
      }
    ]
  }
}

上述配置会在编译后生成对应的小程序 app.json,其中包含 pagestabBar 等有效配置项。如果你尝试在 pages.json 中添加 frameset,它将被忽略,并且不会出现在编译后的小程序 app.json 中。

如果你需要在小程序中实现类似 frameset 的布局效果(尽管这不是推荐的做法,因为小程序推荐使用组件化开发),你可以考虑使用小程序提供的自定义组件或页面嵌套来实现。但请注意,这通常涉及到更多的代码和样式管理,以及可能的性能考虑。

总之,frameset 不是 uni-app 或小程序的有效配置项,你应该遵循 uni-app 和小程序的官方文档来配置你的项目。

回到顶部