l***@ruigantek.com
l***@ruigantek.com
  • 发布:2023-01-06 11:06
  • 更新:2023-01-06 11:06
  • 阅读:232

【报Bug】uniapp 安卓app 使用uni.showModel 弹框背景颜色不是白色,变成浅粉色了

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.15

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 小米10

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="content">
<image class="logo" src="/static/logo.png" @click="go"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>

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

复制代码    },  
    methods: {  
        go(){  
            uni.showModal({  
                title: '哈哈',  
                content:'哈哈哈哈哈哈哈哈',  
                success() {  

                }  
            })  
        }  
    }  
}  

</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

复制代码.logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin-top: 200rpx;  
    margin-left: auto;  
    margin-right: auto;  
    margin-bottom: 50rpx;  
}  

.text-area {  
    display: flex;  
    justify-content: center;  
}  

.title {  
    font-size: 36rpx;  
    color: #8f8f94;  
}  

</style>

操作步骤:

<template>
<view class="content">
<image class="logo" src="/static/logo.png" @click="go"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>

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

复制代码    },  
    methods: {  
        go(){  
            uni.showModal({  
                title: '哈哈',  
                content:'哈哈哈哈哈哈哈哈',  
                success() {  

                }  
            })  
        }  
    }  
}  

</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

复制代码.logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin-top: 200rpx;  
    margin-left: auto;  
    margin-right: auto;  
    margin-bottom: 50rpx;  
}  

.text-area {  
    display: flex;  
    justify-content: center;  
}  

.title {  
    font-size: 36rpx;  
    color: #8f8f94;  
}  

</style>

预期结果:

使用uniapp 开发android端app时 使用uni.showModel 弹框进行相关业务 发现弹框背景颜色不是白色了 变成浅粉色 ; 特地新建了一个项目,且并未安装其他原生插件,发现弹框弹出来背景色 还是出现相同问题
预期应该弹框背景颜色为白色效果

实际结果:

使用uniapp 开发android端app时 使用uni.showModel 弹框进行相关业务 发现弹框背景颜色不是白色了 变成浅粉色 ;为此验证 特地新建了一个项目,且并未安装其他原生插件,直接编写代码发现弹框弹出来背景色 还是出现相同问题
预期应该弹框背景颜色为白色效果 但实际背景颜色变成浅粉色

bug描述:

使用uniapp 开发android端app时 使用uni.showModel 弹框进行相关业务 发现弹框背景颜色不是白色了 变成浅粉色 ; 特地新建了一个项目,且并未安装其他原生插件,发现弹框弹出来背景色 还是出现相同问题

2023-01-06 11:06 负责人:无 分享
已邀请:

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容