【报Bug】uni-app手机端启动进去第一个页面会闪白，想单独修改第一个页面page的颜色，不生效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.4.7

手机系统： Android

手机系统版本号： Android 12

手机厂商： OPPO

手机机型：一加9pro

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

start.vue 页面修改失败

<style>  
    page {  
        width: 100%;  
        height: 100%;  
        background-color: #377df6 !important;  
    }  
</style>

app.vue 页面全局修改

<style>  

    /*每个页面公共css */  
    page{  
            height: 100%;  
            background-color: #377df6;  
        }  
</style>

操作步骤：

1.选深色图片作为manifest.json自定义启动图
2.将进去的第一个页面背景设为深色或同色

预期结果：

启动页自定义蓝色图，进第一页蓝色页面

实际结果：

启动页自定义蓝色图，进第一页蓝色页面，会闪一下白色页面

bug描述：

问题：uni-app手机端，自定义启动图，是蓝色。
启动后进去第一个页面也是蓝色会闪白一下，所以想单独修改第一个页面page的颜色，但是不生效。
在app.vue里修改page会全局生效，导致所有页面切换都会闪蓝色

2022-05-28 20:20 负责人:无分享

0 个回复

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

【报Bug】uni-app手机端启动进去第一个页面会闪白，想单独修改第一个页面page的颜色，不生效

示例代码：

start.vue 页面修改失败

`<style> page { width: 100%; height: 100%; background-color: #377df6 !important; } </style>`

app.vue 页面全局修改

`<style> /每个页面公共css / page{ height: 100%; background-color: #377df6; } </style>`

操作步骤：

1.选深色图片作为manifest.json自定义启动图
2.将进去的第一个页面背景设为深色或同色

预期结果：

启动页自定义蓝色图，进第一页蓝色页面

实际结果：

启动页自定义蓝色图，进第一页蓝色页面，会闪一下白色页面

bug描述：

0 个回复

公告

相关问题

【报Bug】uni-app手机端启动进去第一个页面会闪白，想单独修改第一个页面page的颜色，不生效

示例代码： start.vue 页面修改失败 <style> page { width: 100%; height: 100%; background-color: #377df6 !important; } </style> app.vue 页面全局修改 <style> /*每个页面公共css */ page{ height: 100%; background-color: #377df6; } </style>

操作步骤： 1.选深色图片作为manifest.json自定义启动图 2.将进去的第一个页面背景设为深色或同色

预期结果： 启动页自定义蓝色图，进第一页蓝色页面

实际结果： 启动页自定义蓝色图，进第一页蓝色页面，会闪一下白色页面

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

示例代码：

start.vue 页面修改失败

`<style> page { width: 100%; height: 100%; background-color: #377df6 !important; } </style>`

app.vue 页面全局修改

`<style> /每个页面公共css / page{ height: 100%; background-color: #377df6; } </style>`

操作步骤：

1.选深色图片作为manifest.json自定义启动图
2.将进去的第一个页面背景设为深色或同色

预期结果：

启动页自定义蓝色图，进第一页蓝色页面

实际结果：

启动页自定义蓝色图，进第一页蓝色页面，会闪一下白色页面