b***@163.com
b***@163.com
  • 发布:2021-08-02 04:35
  • 更新:2021-08-02 04:35
  • 阅读:323

【报Bug】导航栏背景颜色与预期结果不一致

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.1.22

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 小米8

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

跳转页面代码:

uni.navigateTo({  
        url: '/pages/user/agreement'  
})

配置如下:

{  
    "pages": [{  
        "path": "pages/user/login",  
        "style": {  
            "navigationBarTitleText": "登录",  
            "app-plus": {  
                "titleNView": false //禁用原生导航栏  
            }  
        }  
    }, {  
        "path": "pages/user/agreement",  
        "style": {  
            "navigationBarTitleText": "agreement"  
        }  
    }],  
    "globalStyle": {  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "系统平台",  
        "navigationBarBackgroundColor": "#0064BF",  
        "backgroundColor": "#F8F8F8",  
        "titleImage": "/static/img/head/mobileLogo.png",  
        "app-plus": {  
            "background": "#efeff4",  
            "titleNView": {  
                "backButton": { //自定义 backButton  
                "color": "#ffffff"  
            }  
        }  
    }  
}

这是新页面代码:

<template>  
  <view class="container">  
    <view class="wrap">  
      <text class="section">       第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段</text>  
      <text class="section">       第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段</text>  
    </view>  
  </view>  
</template>  

<script>  
export default {  

}  
</script>  

<style lang="scss" scoped>  
</style>

操作步骤:

1、打开App,进入首页(登录页)
2、点击按钮跳转到新页面

预期结果:

原生导航栏背景色正常渲染

实际结果:

跳转到新页面后,原生导航栏先是蓝色,但是过渡动画结束后,就变回背景色了。
其它页面都正常,不知道是哪的问题

bug描述:

首页(登录页),在pages.json禁用原生导航栏。
点击按钮跳转到另一个页面后,navigationBarBackgroundColor设置未生效

2021-08-02 04:35 负责人:无 分享
已邀请:

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