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背景色,背景图片,也不展示自己的背景图片
更多关于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 不到具体属性