东坡小胖
东坡小胖
  • 发布:2024-09-02 10:03
  • 更新:2024-09-02 10:49
  • 阅读:125

【报Bug】iPhone tabBar 无缘无故变黑色背景了

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 14.1.1 (23B81)

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: iOS

手机系统版本号: iOS 18

手机厂商: 苹果

手机机型: iPhone 15

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://apps.apple.com/cn/app/栖牛oas/id6642648983

示例代码:

"tabBar": {
"color": "#555555",
"selectedColor": "#F67A32",
"backgroundColor": "#FFFFFF",
"spacing":"6px",
"height": "56px",
"iconfontSrc": "/static/extend-iconfont/iconfont.ttf",
"list": [{
"pagePath": "pages/home/home",
"text": "首页",
"iconfont": {
"fontSize": "22px",
"color": "#333333",
"text": "\ue69d",
"selectedColor": "#F67A32",
"selectedText": "\ue69d"

            }  
        },  
        {  
            "pagePath": "pages/work/work",  
            "text": "办公",  
            "backgroundColorTop": "#F1F1F1",  
            "backgroundColorBottom": "#FFFFFF",  
            "iconfont": {  
                "fontSize": "22px",  
                "color": "#333333",  
                "text": "\ue647",  
                "selectedColor": "#F67A32",  
                "selectedText": "\ue647"  

            }  
        },  
        {  
            "pagePath": "pages/approve/approve",  
            "text": "审批",  
            "backgroundColorTop": "#F1F1F1",  
            "backgroundColorBottom": "#FFFFFF",  
            "iconfont": {  
                "fontSize": "22px",  
                "color": "#333333",  
                "text": "\ue61a",  
                "selectedColor": "#F67A32",  
                "selectedText": "\ue61a"  

            }  
        },  
        {  
            "pagePath": "pages/user/user",  
            "text": "我的",  
            "backgroundColorTop": "#F1F1F1",  
            "backgroundColorBottom": "#FFFFFF",  
            "iconfont": {  
                "fontSize": "22px",  
                "color": "#333333",  
                "text": "\ued21",  
                "selectedColor": "#F67A32",  
                "selectedText": "\ued21"  
            }  
        }  
    ]  
}

操作步骤:

直接打包

预期结果:

应该是白色背景才对

实际结果:

黑色背景

bug描述:

在pages.json中设置的tabBar的"backgroundColor": "#FFFFFF",但是打包后tabBar的背景色是黑色的,手机是没有开启暗黑模式的

2024-09-02 10:03 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你好,之前没有发现过类似的问题,你是打包之后有这个问题吗?本地开发时呢?

  • 东坡小胖 (作者)

    之前的版本没问题,Android版本也没有这个问题,HBuilderX现在也完全识别不到Mac的模拟器,一直都用的真机在调试,之前一直都没这个问题

    2024-09-02 11:23

  • DCloud_UNI_yuhe

    回复 东坡小胖: 你尝试在插件中,把真机运行,打包的插件卸载之后重新安装一下试试

    2024-09-02 11:25

  • 东坡小胖 (作者)

    回复 DCloud_UNI_yuhe: 你是指原生插件,还是App的模块?

    2024-09-02 11:42

  • DCloud_UNI_yuhe

    回复 东坡小胖: 是HX的

    2024-09-02 11:43

  • 东坡小胖 (作者)

    回复 DCloud_UNI_yuhe: 你是说App卸载了,重新打包后安装么?

    2024-09-02 13:38

  • DCloud_UNI_yuhe

    回复 东坡小胖: 是HbuilderX的

    2024-09-02 14:11

  • 东坡小胖 (作者)

    回复 DCloud_UNI_yuhe: 噢噢,我没那么操作,今天后面重新又打包了几次,又好了。

    2024-09-02 18:53

要回复问题请先登录注册