uni-app 正式打包后 tabbar 图标不显示 自定义基座正常显示

uni-app 正式打包后 tabbar 图标不显示 自定义基座正常显示

信息类别 详情
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 20H2
HBuilderX类型 正式
HBuilderX版本号 3.1.11
手机系统 Android
手机系统版本号 Android 10
手机厂商 华为
手机机型 nova4
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

示例代码:

"tabBar": {  
    "color": "#b5b5b5",  
    "selectedColor": "#f77016",  
    "borderStyle": "black",  
    "backgroundColor": "#ffffff",  
    "height": "56px",  
    "list": [{  
            "pagePath": "pages/tabBar/index/index",  
            "iconPath": "/static/images/tabbar/ic_home_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_home_selected.png",  
            "text": "首页"  
        },  
        {  
            "pagePath": "pages/tabBar/classify/classify",  
            "iconPath": "/static/images/tabbar/ic_product_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_product_selected.png",  
            "text": "分类"  
        },  
        {  
            "pagePath": "pages/tabBar/zhibo/zhibo",  
            "iconPath": "/static/images/tabbar/ic_find_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_find_selected.png",  
            "text": "直播"  
        },  
        {  
            "pagePath": "pages/tabBar/cart/cart",  
            "iconPath": "/static/images/tabbar/ic_car.png",  
            "selectedIconPath": "/static/images/tabbar/ic_car_normal.png",  
            "text": "进货单"  
        },  
        {  
            "pagePath": "pages/tabBar/users/users",  
            "iconPath": "/static/images/tabbar/ic_my_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_my_selected.png",  
            "text": "我的"  
        }  
    ]  
}

操作步骤:

"tabBar": {  
    "color": "#b5b5b5",  
    "selectedColor": "#f77016",  
    "borderStyle": "black",  
    "backgroundColor": "#ffffff",  
    "height": "56px",  
    "list": [{  
            "pagePath": "pages/tabBar/index/index",  
            "iconPath": "/static/images/tabbar/ic_home_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_home_selected.png",  
            "text": "首页"  
        },  
        {  
            "pagePath": "pages/tabBar/classify/classify",  
            "iconPath": "/static/images/tabbar/ic_product_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_product_selected.png",  
            "text": "分类"  
        },  
        {  
            "pagePath": "pages/tabBar/zhibo/zhibo",  
            "iconPath": "/static/images/tabbar/ic_find_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_find_selected.png",  
            "text": "直播"  
        },  
        {  
            "pagePath": "pages/tabBar/cart/cart",  
            "iconPath": "/static/images/tabbar/ic_car.png",  
            "selectedIconPath": "/static/images/tabbar/ic_car_normal.png",  
            "text": "进货单"  
        },  
        {  
            "pagePath": "pages/tabBar/users/users",  
            "iconPath": "/static/images/tabbar/ic_my_normal.png",  
            "selectedIconPath": "/static/images/tabbar/ic_my_selected.png",  
            "text": "我的"  
        }  
    ]  
}

预期结果:

  • 正常显示tabbar图标

实际结果:

  • 无法显示

bug描述:

  • 正式打包后,tabbbar图标不显示,自定义基座正常显示

更多关于uni-app 正式打包后 tabbar 图标不显示 自定义基座正常显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 正式打包后 tabbar 图标不显示 自定义基座正常显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


云打包后,本地资源无法访问的问题,解决方式:设置资源为释放模式,在manifest文件内app-plus新增runmode节点,设置值为liberate

回到顶部