【报Bug，已解决】无法修改页面背景色，出现的情况特别简单。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号：版本 Windows 11 专业版版本 23H2 安装日期 ‎2024/‎2/‎27 操作系统版本 22631.3155 体验 Windows Feature Experience Pack 1000.22684.1000.0

HBuilderX类型：正式

HBuilderX版本号： 4.14

手机系统： Android

手机系统版本号： Android 14

手机厂商：小米

手机机型：小米14

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：


<template>  
    <view class="content">  
        hello world!  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style lang="scss" scoped>  
    page{  
    background: red;  
  }  
</style>

操作步骤：

直接在app基座中运行。

预期结果：

页面的背景色应该为红色。

实际结果：

页面的背景色为白色。

bug描述：

很简单的代码，在两个平台上的表现不一至，在本地浏览器上运行是正常的，但是运行在APP基座上就不正常了。

新建一个空白项目，仅修改了默认页面的代码。

仅修改的代码：见下面的示例代码。

再次翻看了一下官方的文档，是因为scoped导致的。

2024-05-23 12:10 负责人:无分享

0 个回复

要回复问题请先登录或注册

【报Bug，已解决】无法修改页面背景色，出现的情况特别简单。

示例代码：

`<template> <view class="content"> hello world! </view> </template> <script> export default { data() { return { title: 'Hello' } }, onLoad() { }, methods: { } } </script> <style lang="scss" scoped> page{ background: red; } </style>`

操作步骤：

直接在app基座中运行。

预期结果：

页面的背景色应该为红色。

实际结果：

页面的背景色为白色。

bug描述：

0 个回复

公告

相关问题

【报Bug，已解决】无法修改页面背景色，出现的情况特别简单。

示例代码： <template> <view class="content"> hello world! </view> </template> <script> export default { data() { return { title: 'Hello' } }, onLoad() { }, methods: { } } </script> <style lang="scss" scoped> page{ background: red; } </style>

操作步骤： 直接在app基座中运行。

预期结果： 页面的背景色应该为红色。

实际结果： 页面的背景色为白色。

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

示例代码：

`<template> <view class="content"> hello world! </view> </template> <script> export default { data() { return { title: 'Hello' } }, onLoad() { }, methods: { } } </script> <style lang="scss" scoped> page{ background: red; } </style>`

操作步骤：

直接在app基座中运行。

预期结果：

页面的背景色应该为红色。

实际结果：

页面的背景色为白色。