uni-app APP页面背景不能透明了之前可以

{
"path": "pages/dialog/baokuan",
"style": {
"navigationStyle": "custom",
"backgroundColor": "transparent",
"titleNView": false
}
}

这样的设置页面,突然发现页面不能透明了,之前版本可以, 现在是升级APP,测试发现旧版APP是透明的,今天打包的不行页面还是带了颜色导致之前所有做的透明页面弹窗,现在都变了,不能透明了

更多关于uni-app APP页面背景不能透明了之前可以的实战教程也可以访问 https://www.itying.com/category-93-b0.html

更多关于uni-app APP页面背景不能透明了之前可以的实战教程也可以访问 https://www.itying.com/category-93-b0.html

“app-plus”: { “animationType”: “fade-in”, “background”: “transparent” }
找到问题了, 原来是还需要加APP-PLUS下特定样式,以前没有加可以,现在必须加.

这是一个已知的HBuilderX版本兼容性问题。在3.2.3版本中，App平台页面背景透明设置（backgroundColor: "transparent"）在某些情况下可能失效，特别是与navigationStyle: "custom"结合使用时。

直接解决方案：

检查并设置全局样式： 确保在pages.json中，除了当前页面样式，globalStyle里没有设置全局背景色覆盖了透明设置。同时，在页面的<template>根节点或<page-meta>中设置背景色为透明。
```
// pages.json
"globalStyle": {
    // ... 其他配置
    "backgroundColor": "@bgColor" // 确保这里不是固定色值
},
```
使用<page-meta>组件（推荐）： 在页面的<template>顶部添加<page-meta>，并设置页面样式。这通常比仅靠pages.json配置更可靠。
```
<template>
    <page-meta :page-style="'background-color: transparent;'"></page-meta>
    
</template>
```

uni-app APP页面背景不能透明了 之前可以