嗨哆嚒
嗨哆嚒
  • 发布:2022-09-15 10:12
  • 更新:2022-09-15 16:08
  • 阅读:372

【报Bug】tabBar midButton和字体图标的bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.2

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 小米10

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
// #ifdef APP-PLUS  
        "midButton": {  
            "width": "140rpx",  
            "height": "130rpx",  
            "text": "GPS",  
            "iconWidth": "80rpx",  
            "iconfont": {  
                "text": "\ue614",  
                "color": "#666",  
                "fontSize":"42rpx"  
            }  
        },  
        // #endif  
        "list": [{  
                "pagePath": "pages/tabBar/index/index",  
                "text": "首页",  
                "iconfont": {  
                    "text": "\ue751",  
                    "selectedText": "\ue751",  
                    "color": "#666",  
                    "selectedColor": "#ff0000"  
                }  
            },  
            {  
                "pagePath": "pages/tabBar/alarm/index",  
                "text": "设备",  
                "iconfont": {  
                    "text": "\uebb7",  
                    "selectedText": "\uebb7",  
                    "color": "#666",  
                    "selectedColor": "#ff0000",  
                    "fontSize":"42rpx"  
                }  
            },  
            // #ifndef APP-PLUS  
            {  
                "pagePath": "pages/tabBar/map/index",  
                "text": "GPS",  
                "iconfont": {  
                    "text": "\ue614",  
                    "selectedText": "\ue614",  
                    "color": "#666",  
                    "selectedColor": "#ff0000",  
                    "fontSize":"42rpx"  
                }  
            },  
            // #endif  
            {  
                "pagePath": "pages/tabBar/serve/index",  
                "text": "呼叫",  
                "iconfont": {  
                    "text": "\ue602",  
                    "selectedText": "\ue602",  
                    "color": "#666",  
                    "selectedColor": "#ff0000",  
                    "fontSize":"42rpx"  
                }  
            },  
            {  
                "pagePath": "pages/tabBar/my/index",  
                "text": "我的",  
                "iconfont": {  
                    "text": "\ue608",  
                    "selectedText": "\ue608",  
                    "color": "#666",  
                    "selectedColor": "#ff0000",  
                    "fontSize":"42rpx"  
                }  
            }  
        ]

操作步骤:

如上

预期结果:

midButton显示,字体图标正常显示

实际结果:

如bug附件所示

bug描述:

bug一:midButton设置不生效,前几天h5和app端都可以现在突然不显示了。
bug二:iconfont中的fontSize在app端不生效且导致图标不显示,app端字体极小。

2022-09-15 10:12 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

midButton里的宽高字号等单位要用px,改完后试下,详见文档

  • 嗨哆嚒 (作者)

    改为px可以显示,midButton改了绑定事件的位置,放在了onLaunch最前面,他显示了。但app端的图标和文字字号还是明显小于h5端

    2022-09-15 16:12

  • DCloud_UNI_Anne

    回复 嗨哆嚒: 统一设置下字号(px),目测大小差不多

    2022-09-15 16:30

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