1***@qq.com
1***@qq.com
  • 发布:2025-10-25 16:30
  • 更新:2025-10-25 16:36
  • 阅读:15

【报Bug】鸿蒙系统,APP主题是暗黑的话底部会有白边

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 15.4.1

HBuilderX类型: 正式

HBuilderX版本号: 4.76

手机系统: Android

手机系统版本号: Android 16

手机厂商: 华为

手机机型: harmonyos 5.1.0.15

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
/* manifest.json */  
"app-plus" : {  
     "darkmode" : true,  
 }  

App.vue
page {background: #020508;}

预期结果:

希望能去掉鸿蒙默认底部白边的问题

实际结果:

目前暗黑主题的app在鸿蒙系统下存在底部白边问题,并且没有解决方案

bug描述:

背景色要配置为黑色,只要不是白色都能看到这个底部白边问题,而且目前即使配置了manifest.json也无法得到解决,希望官方可以解决一下
manifest.json配置
"app-harmony" : {
"safearea" : {
"background" : "black",
"backgroundDark" : "black", // HX 3.1.19+支持
"bottom" : {
"offset" : "none" // 在没有 tabBar 时,底部区域是否需要占位
}
}
},

鸿蒙开发白边的说明

https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs/faqs-previewer-operating-6

2025-10-25 16:30 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

完整的manifest.json配置
{
"app-harmony": {
"safearea": {
"background": "black",
"backgroundDark": "black",
"bottom": {
"offset": "none"
}
}
},
"app-plus": {
"darkmode": true,
"themeLocation": "theme.json",
"safearea": {
"background": "black",
"backgroundDark": "black",
"bottom": {
"offset": "none"
}
},
"vueVersion": "3"
}
}

要回复问题请先登录注册