uni-app harmonyNext系统下 pages.json 配置中 style下的 app-plus 设置不起作用

uni-app harmonyNext系统下 pages.json 配置中 style下的 app-plus 设置不起作用

信息类别 内容
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 11
HBuilderX 正式版
HBuilderX版本号 4.24
手机系统 HarmonyOS NEXT
手机版本号 HarmonyOS NEXT Developer Preview
手机厂商 模拟器
手机机型 huawei_phone
页面类型 vue
vue版本 vue3
打包方式 离线
项目创建方式 HBuilderX

操作步骤: 见附件

预期结果: 正常显示

实际结果: 未正常显示

bug描述: pages.json里面的如下配置,在鸿蒙模拟器下没有用


更多关于uni-app harmonyNext系统下 pages.json 配置中 style下的 app-plus 设置不起作用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

鸿蒙不支持plus了

更多关于uni-app harmonyNext系统下 pages.json 配置中 style下的 app-plus 设置不起作用的实战教程也可以访问 https://www.itying.com/category-93-b0.html


那用APP-HARMONY吗,好像也没用

回复 8***@qq.com: 目前还不支持 buttons

在 uni-app 中,pages.json 文件是用于配置应用页面路由、导航条、选项卡等页面级属性的核心文件。在 HarmonyNext 系统下,如果你发现 style 下的 app-plus 设置不起作用,可能是由于几个常见原因,比如配置格式错误、属性不支持、或者代码中存在其他覆盖项。下面是一些常见的 app-plus 配置项及其正确的配置方式示例,确保你的配置格式正确且属性被正确支持。

首先,确保你的 pages.json 文件中 style 下的 app-plus 配置格式如下:

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "app-plus": {
          // 具体配置项
          "titleNView": {
            "autoBackButton": true,
            "titleText": "首页",
            "buttons": [
              {
                "text": "设置",
                "fontSize": "16px"
              }
            ]
          },
          "navigationBarTextStyle": "white",
          "navigationBarTitleText": "示例页面",
          "navigationBarBackgroundColor": "#007aff",
          // 其他app-plus支持的配置项
        }
      }
    }
    // 更多页面配置...
  ]
}

关键点检查

  1. 属性支持:确保你使用的属性是 app-plus 所支持的。比如 titleNViewnavigationBarTextStyle 等都是常用的配置项。

  2. 格式正确:注意 JSON 格式,所有的键和值都应该用双引号包围,且整个配置应该是一个有效的 JSON 对象。

  3. 覆盖问题:检查是否有其他地方(如全局样式或组件内部样式)覆盖了这些设置。

  4. 版本兼容:确认你使用的 uni-app 和 HBuilderX 版本是否支持 HarmonyNext 系统下的所有 app-plus 配置。有时候,新特性可能需要在更新后的版本中才能生效。

  5. 调试:使用 HBuilderX 的真机调试功能,查看实际效果是否符合预期,有时候模拟器可能无法完全反映真机表现。

如果以上都确认无误,但问题依旧存在,可以尝试简化配置,逐步排查是哪个配置项不生效,或者查阅最新的 uni-app 官方文档,确认是否有相关变更或已知问题。

回到顶部