邓琪昌
邓琪昌
  • 发布:2022-04-08 17:30
  • 更新:2022-06-23 18:30
  • 阅读:507

【报Bug】android端在tabbar页面中pages.json配置的background未生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.13

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: 测试过华为、小米、魅族等多种机型

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

android端分别在tabbar页面跳转与非tabbar页面跳转

预期结果:

不管是tabbar页面还是非tabbar页面跳转,跳转时pages.json中所配置的background与backgroundColor属性均生效

实际结果:

在tabbar页面跳转时pages.json中所配置的background与backgroundColor属性均没有生效,只有在非tabbar页面跳转时生效。

bug描述:

android端在tabbar页面中跳转页面,在pages.json中配置的background与backgroundColor属性均不生效。在非tabbar页面跳转所配置的background或者backgroundColor生效。

"globalStyle": {  
    "navigationBarTextStyle": "white",  
    "navigationBarTitleText": "uni-app",  
    "navigationBarBackgroundColor": "#282828",  
    "backgroundColorTop": "#282828",  
    "backgroundColorBottom": "#282828",  
    // "backgroundColor": "#282828",  
    "app-plus":{  
        "background": "#1890ff"  
    }  
}

如上面配置,我配置background颜色为#1890ff蓝色,在tabbar页面跳转的时候颜色为#ffffff,在非tabbar页面跳转时为#1890ff。

2022-04-08 17:30 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

globalStyle下的backgroundColor,仅支持微信小程序。
app-plus下background无效问题已确认,后续会优化。
临时解决方案:在页面里设置

page{  
        background:#1890ff;  
    }

已加分,感谢您的反馈!

  • 邓琪昌 (作者)

    请问vue页面app-plus下background无效的问题后续优化有进展吗?

    2022-06-23 17:40

jackybian

jackybian -

我看IOS好像是有效果的,手里没Android设备,保持关注中

要回复问题请先登录注册