k***@makeitbetter.cn
k***@makeitbetter.cn
  • 发布:2 天前
  • 更新:2 天前
  • 阅读:27

【报Bug】vue3模式下导航栏设置type为float时,设置backgroundColor为rgba时透明值时无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.2.16

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: 小米10至尊 miui12.5.21.11.3开发版

页面类型: vue

vue版本: vue3

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationStyle":"default",  
                "app-plus":{  
                    "titleNView":{  
                        "backgroundColor":"rgba(0,0,0,0.5)",  
                        "type": "float",  
                        "titleColor": "#000",  
                        "titleSize":"30rpx",  
                        "titleText":"动态",  
                        "titleAlign":"left"  
                    }  
                }  
            }  
        }  
    ]

操作步骤:

创建一个默认模板的uni-app项目。在pages.json配置如上图设置。在manifest.json分别以vue2和vue3版本运行至手机端。

预期结果:

vue2上rgba显示正常

实际结果:

vue3模式下backgroundColor为rgba时无效

bug描述:

pages.json配置

"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationStyle":"default",  
                "app-plus":{  
                    "titleNView":{  
                        "backgroundColor":"rgba(0,0,0,0.5)",  
                        "type": "float",  
                        "titleColor": "#000",  
                        "titleSize":"30rpx",  
                        "titleText":"动态",  
                        "titleAlign":"left"  
                    }  
                }  
            }  
        }  
    ]

titleNView中backgroundColor表现在vue2和vue3上不一致。vue3 "type": "float" ,设置backgroundColor为rgba没有效果

2 天前 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题已记录,后续优化,已加分 ,感谢您的反馈!

要回复问题请先登录注册