【报Bug】vue页面通过配置pages.json的窗口背景色不生效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 2.7.14

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型： p40

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

{
"path": "pages/tabs/tab-user",
"style": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "我的",
"navigationStyle": "custom",
"backgroundColor":"#FF6177",
"app-plus": {
"background": "#FF6177"
}
}
}

操作步骤：

直接配置允许即可查看效果

预期结果：

设置为红色背景，页面也应是红色背景色

实际结果：

仍然是白色背景

bug描述：

vue页面通过配置pages.json的 style > app-plus > background 属性不生效

2020-07-23 17:59 负责人:无分享

1 个回复

小少年报

你可以写2个style标签
<style>
page {
background-color: #fff; // 这个可以改变当前页面的背景色
}
</style>
<style scoped>
// 这里写你当前页面真实的样式
</style>

实测，有效

怕酸还吃柠檬 (作者)

谢谢

2020-07-23 18:20

该问题目前已经被锁定, 无法添加新回复

【报Bug】vue页面通过配置pages.json的窗口背景色不生效

示例代码：

{
"path": "pages/tabs/tab-user",
"style": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "我的",
"navigationStyle": "custom",
"backgroundColor":"#FF6177",
"app-plus": {
"background": "#FF6177"
}
}
}

操作步骤：

直接配置允许即可查看效果

预期结果：

设置为红色背景，页面也应是红色背景色

实际结果：

仍然是白色背景

bug描述：

1 个回复

公告

相关问题

【报Bug】vue页面通过配置pages.json的窗口背景色不生效

示例代码： { "path": "pages/tabs/tab-user", "style": { "navigationBarTextStyle": "white", "navigationBarTitleText": "我的", "navigationStyle": "custom", "backgroundColor":"#FF6177", "app-plus": { "background": "#FF6177" } } }

操作步骤： 直接配置允许即可查看效果

预期结果： 设置为红色背景，页面也应是红色背景色

实际结果： 仍然是白色背景

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

{
"path": "pages/tabs/tab-user",
"style": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "我的",
"navigationStyle": "custom",
"backgroundColor":"#FF6177",
"app-plus": {
"background": "#FF6177"
}
}
}

操作步骤：

直接配置允许即可查看效果

预期结果：

设置为红色背景，页面也应是红色背景色

实际结果：

仍然是白色背景