uni-app globalStyle里面titleNView的backgroundImage和page里面titleNView的backgroundImage冲突

uni-app globalStyle里面titleNView的backgroundImage和page里面titleNView的backgroundImage冲突

开发环境 版本号 项目创建方式
Windows 10 HBuilderX
产品分类:uniapp/App

PC开发环境操作系统:Windows

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

HBuilderX类型:正式

HBuilderX版本号:3.1.4

手机系统:Android

手机系统版本号:Android 10

手机厂商:小米

手机机型:mi 9

页面类型:nvue

打包方式:云端

项目创建方式:HBuilderX

示例代码:

```javascript
"globalStyle": {  
    "navigationBarTextStyle": "white",  
    "navigationBarTitleText": "救援队",  
    "navigationBarBackgroundColor": "#F8F8F8",  
    "backgroundColor": "#F8F8F8",  
    "app-plus": {  
        "bounce": "none", //关闭窗口回弹效果  
        "titleNView": {  
            "backgroundColor": "#6782B4",  
            "backgroundImage": "./static/title.png"  
        }  
    }  
}
{  
        "path": "pages/event/event",  
        "style": {  
            "enablePullDownRefresh": false,  
            "app-plus": {  
                "bounce": "none",  
                "titleNView": {  
                    "backgroundImage": "../../static/image/titleNView.png"  
                }  
            }  
        }  

    }

操作步骤: 如下

预期结果: 如下

实际结果: 如下

bug描述: 在globalStyle里面配置如下backgroundImage a页面为nvue,不配置backgroundImage,表现为只展示globalStyle的背景色,没有globalStyle的背景图片 b页面为nvue,配置backgroundImage,表现为展示配置的背景图片 c页面为vue,不配置backgroundImage,表现为展示globalStyle的背景图片 d页面为vue,配置backgroundImage,表现为既不展示globalStyle背景色,背景图片,也不展示自己的背景图片

BUG.zip


更多关于uni-app globalStyle里面titleNView的backgroundImage和page里面titleNView的backgroundImage冲突的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

求求了,快修复吧。。。心态要炸了

更多关于uni-app globalStyle里面titleNView的backgroundImage和page里面titleNView的backgroundImage冲突的实战教程也可以访问 https://www.itying.com/category-93-b0.html


路径改为绝对路径:/static/title.png
问题已确认,感谢反馈。
不过不是 globalStyle 冲突,是文档描述有误。
之前文档直接引用的 5 文档,由于 uniapp 的 vue 和 nvue 路由不甚相同,使用相对路径的话不同,具体为:nvue 相对于页面路径,vue 相对于 pages.json 路径。
为避免用户疑惑和混淆,文档已经更正为使用绝对路径。

你好,实测以后发现,但凡page里面有titleNView属性,globalStyle里面的titleNView就会失效。他们是替换关系,不是叠加关系对吗?

回复 982260355: 是的,page 里的优先级更高,且颗粒度只到 titleNView 不到具体属性

回到顶部