【报Bug】subNvue 背景色设置的Bug

分类：uni-app

bug已确认

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.15.6 (19G73)

HBuilderX类型：正式

HBuilderX版本号： 3.3.11

手机系统： Android

手机系统版本号： Android 10

手机厂商：小米

手机机型： MI 8 Lite

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

{  
            "path" : "pages/id-card-recognition/id-card-recognition",  
            "style" :                                                                                      
            {  
                "navigationBarTitleText": "%app.id.card.recognition.title%",  
                "enablePullDownRefresh": false,  
                "app-plus": {  
                    "subNVues": [{  
                        "id": "idCardPhotoStandard",  
                        "path":"pages/components/subNVue/IdCardPhotoStandard/IdCardPhotoStandard",  
                        "type":"popup",  
                        "style": {  
                            "background": "transparent",  
                            "height": "316px",  
                            "width": "280px",  
                            "margin": "auto"  
                        }  
                    }]  
                }  
            }  
        }

操作步骤：

按官方指定的开发指南开发

预期结果：

1、指定原生子窗体的width和height，设置background为具体颜色时，应该只改变子窗体内容的背景色，不影响遮罩部位
2、子窗体background设置为transparent，仅点击遮罩部位触发关闭，点击窗体内容时不触发关闭

实际结果：

1、在pages.json中配置了子窗体的width和height，但设置background设置为具体颜色时，整个窗口（连同子窗体以外的遮罩）全部都会改变；
2、因为子窗体是圆角的，按官方文档指导设置background为transparent，点击窗口的任意位置都会触发关闭，不仅点击遮罩部位会触发关闭，点击子窗体内容也会触发关闭

bug描述：

subNVue子窗体开发过程中遇到背景色设置问题：
1、在pages.json中配置了子窗体的width和height，但设置background设置为具体颜色时，整个窗口（连同子窗体以外的遮罩）全部都会改变；
2、因为子窗体是圆角的，按官方文档指导设置background为transparent，出现异常情况，点击窗口的任意位置都会触发关闭，不仅点击遮罩部位会触发关闭，点击子窗体内容也会触发关闭
（如果不配置background，背景色会是默认的#FFFFFF，点击子窗体内容不会触发关闭，但不满足圆角的需求，我在Hello uni-app工程中，将API->界面->原生子窗体的popup子窗体背景色设置为transparent，点击子窗体也同样会触发关闭）

2022-03-09 22:19 负责人:DCloud_UNI_GSQ 分享