4***@qq.com
4***@qq.com
  • 发布:2022-03-20 18:08
  • 更新:2022-03-22 16:55
  • 阅读:272

【报Bug】原生透明渐变导航栏 遮挡页头

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.13

浏览器平台: Chrome

浏览器版本: 最新

项目创建方式: HBuilderX

示例代码:
    "globalStyle": {  
        "navigationBarTextStyle": "white",  
        "navigationBarTitleText": "间",  
        "navigationBarBackgroundColor": "#8496f8",  
        "backgroundColor": "#F8F8F8",  
        "h5": {  
            "titleNView": {  
                "type": "transparent"  
            }  
        },  
        "app-plus": {  
            "bounce": "none"  
        }  
    },

操作步骤:

设置

        "h5": {  
            "titleNView": {  
                "type": "transparent"  
            }  
        },

然后在index页面上方随便写,无法点击到页面上的元素

预期结果:

希望除了返回按钮 其他元素设置高度为0,不要遮挡页面顶部

实际结果:

页面头部被导航栏遮挡,无法点击

bug描述:

h5
设置导航栏类型为 “transparent” 透明渐变
官方实现方式是设置导航栏optical为0,导致导航栏的html元素还在原本的位置,只是设置为透明了
此时页面最上方如果有需要点击的元素 会被导航栏遮挡

2022-03-20 18:08 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com (作者)

希望官方尽快优化

4***@qq.com

4***@qq.com (作者)

我明天还来

4***@qq.com

4***@qq.com (作者)

要石沉大海了...

4***@qq.com

4***@qq.com (作者)

给不给优化昂

DCloud_UNI_Anne

DCloud_UNI_Anne

目前的设计就是这样,后续会根据需要情况优化

  • 4***@qq.com (作者)

    现在没有这方面的计划昂 那开发微信内置浏览器页面的 太那啥了吧.........

    2022-03-22 19:27

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