大力的罗大力
大力的罗大力
  • 发布:2024-11-21 10:09
  • 更新:2024-11-21 10:34
  • 阅读:28

【报Bug】tabBar在app上无法显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.29

手机系统: Android

手机系统版本号: Android 13

手机厂商: 小米

手机机型: redmi k40

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: 下载地址: https://app.liuyingyong.cn/build/download/27f25d60-a7a7-11ef-95dd-df2d6bc45304 (注意该地址为临时下载地址,只能下载4次)

示例代码:
{  
  "easycom": {  
    "custom": {  
      "u-city-select": "@/components/u-city-select/u-city-select.vue",  
      "geek-(.*)": "@/components/geek-xd/components/geek-$1/geek-$1.vue",  
      "gx-(.*)": "@/components/geek-xd/components/geek-$1/geek-$1.vue",  
      "^u--(.*)": "uview-plus/components/u-$1/u-$1.vue",  
      "^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",  
      "^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue",  
      "qiun-(.*)": "@/components/qiun-data-charts/components/qiun-$1/qiun-$1.vue"  
    }  
  },  
  "pages": [  
    {  
      "path": "pages/index",  
      "style": {  
        "navigationBarTitleText": "首页",  
        //"navigationStyle": "custom",  
        "titleNView": false  
      }  
    },  
    {  
      "path": "pages/login",  
      "style": {  
        "titleNView": false,  
        "navigationBarTitleText": ""  
      }  
    },  
    {  
      "path": "pages/book",  
      "style": {  
        "titleNView": false  
      },  
      "needLogin": true  
    },  
    {  
      "path": "pages/mycls",  
      "style": {  
        "titleNView": false  
      },  
      "needLogin": true  
    },  
    {  
      "path": "pages/mine",  
      "style": {  
        "navigationBarTitleText": "我的",  
        "titleNView": false  
      },  
      "needLogin": true  
    },  
    {  
      "path": "pages/common/webview/index",  
      "style": {  
        "navigationBarTitleText": "浏览网页"  
      }  
    },  
    {  
      "path": "pages/common/textview/index",  
      "style": {  
        "navigationBarTitleText": "浏览文本"  
      }  
    },  
    {  
      "path": "components/aliyun/send-phone-code/send-phone-code",  
      "style": {  
        "navigationBarTitleText": ""  
      }  
    },  
    {  
      "path": "pages_oep/index",  
      "style": {  
        //"navigationBarTitleText": "oep",  
        "titleNView": false  
      }  
    }  
  ],  
  "subPackages": [  
    {  
      "root": "pages_mine/pages",  
      "pages": [  
        {  
          "path": "avatar/index",  
          "style": {  
            "navigationBarTitleText": "修改头像"  
          }  
        },  
        {  
          "path": "info/index",  
          "style": {  
            "navigationBarTitleText": "个人信息"  
          },  
          "needLogin": true  
        },  
        {  
          "path": "info/edit",  
          "style": {  
            "navigationBarTitleText": "编辑资料"  
          },  
          "needLogin": true  
        },  
        {  
          "path": "pwd/index",  
          "style": {  
            "navigationBarTitleText": "修改密码"  
          },  
          "needLogin": true  
        },  
        {  
          "path": "setting/index",  
          "style": {  
            "navigationBarTitleText": "应用设置"  
          },  
          "needLogin": true  
        },  
        {  
          "path": "help/index",  
          "style": {  
            "navigationBarTitleText": "常见问题"  
          }  
        },  
        {  
          "path": "about/index",  
          "style": {  
            "navigationBarTitleText": "关于我们"  
          }  
        }  
      ]  
    },  
    {  
      "root": "pages_template/pages",  
      "pages": [  
        {  
          "path": "wxCenter/index",  
          "style": {  
            "navigationBarTitleText": "wxCenter 仿微信个人中心",  
            "navigationStyle": "custom"  
          }  
        },  
        {  
          "path": "keyboardPay/index",  
          "style": {  
            "navigationBarTitleText": "keyboardPay 自定义键盘支付"  
          }  
        },  
        {  
          "path": "mallMenu/index2",  
          "style": {  
            "navigationBarTitleText": "mallMenu-商城分类"  
          }  
        },  
        {  
          "path": "mallMenu/index1",  
          "style": {  
            "navigationBarTitleText": "mallMenu-商城分类"  
          }  
        },  
        {  
          "path": "coupon/index",  
          "style": {  
            "navigationBarTitleText": "coupon-优惠券"  
          }  
        },  
        {  
          "path": "login/index1",  
          "style": {  
            "navigationBarTitleText": "美团登录"  
          }  
        },  
        {  
          "path": "login/index2",  
          "style": {  
            "navigationBarTitleText": "水滴登录"  
          }  
        },  
        {  
          "path": "citySelect/index",  
          "style": {  
            "navigationBarTitleText": "城市选择"  
          }  
        },  
        {  
          "path": "submitBar/index",  
          "style": {  
            "navigationBarTitleText": "提交订单栏"  
          }  
        },  
        {  
          "path": "comment/index",  
          "style": {  
            "navigationBarTitleText": "评论"  
          }  
        },  
        {  
          "path": "comment/reply",  
          "style": {  
            "navigationBarTitleText": "评论详情"  
          }  
        },  
        {  
          "path": "order/index",  
          "style": {  
            "navigationBarTitleText": "订单"  
          }  
        },  
        {  
          "path": "login/code",  
          "style": {  
            "navigationBarTitleText": "登录获取验证码"  
          }  
        },  
        {  
          "path": "address/index",  
          "style": {  
            "navigationBarTitleText": "用户地址"  
          }  
        },  
        {  
          "path": "address/addSite",  
          "style": {  
            "navigationBarTitleText": "添加用户地址"  
          }  
        }  
      ]  
    },  
    {  
      "root": "pages_qiun/pages",  
      "pages": [  
        {  
          "path": "sport/index",  
          "style": {  
            "pageOrientation": "auto"  
          }  
        },  
        {  
          "path": "school/index",  
          "style": {  
            "pageOrientation": "auto"  
          }  
        },  
        {  
          "path": "finance/index",  
          "style": {  
            "pageOrientation": "auto"  
          }  
        },  
        {  
          "path": "main/index",  
          "style": {  
            "pageOrientation": "auto"  
          }  
        }  
      ]  
    },  
    {  
      "root": "pages_geek/pages",  
      "pages": [  
        {  
          "path": "index/index"  
        },  
        {  
          "path": "code/index"  
        }  
      ]  
    }  
  ],  
  "tabBar": {  
    "color": "#000000",  
    "selectedColor": "#FF6453",  
    "borderStyle": "white",  
    "backgroundColor": "#ffffff",  
    "fontSize": "20rpx",  
    "iconWidth": "40rpx",  
    "height": "90rpx",  
    "list": [  
      {  
        "pagePath": "pages/index",  
        "iconPath": "static/images/tabbar/home.png",  
        "selectedIconPath": "static/images/tabbar/home_.png",  
        "text": "首页"  
      },  
      {  
        "pagePath": "pages/book",  
        "iconPath": "static/images/tabbar/book.png",  
        "selectedIconPath": "static/images/tabbar/book_.png",  
        "text": "约课"  
      },  
      {  
        "pagePath": "pages/mycls",  
        "iconPath": "static/images/tabbar/mycls.png",  
        "selectedIconPath": "static/images/tabbar/mycls_.png",  
        "text": "课表"  
      },  
      {  
        "pagePath": "pages/mine",  
        "iconPath": "static/images/tabbar/mine.png",  
        "selectedIconPath": "static/images/tabbar/mine_.png",  
        "text": "我的"  
      }  
    ]  
  },  
  "globalStyle": {  
    "navigationBarTextStyle": "black",  
    "navigationBarTitleText": "",  
    "navigationBarBackgroundColor": "#FFFFFF"  
  }  
}  

操作步骤:

试过各种手段就没有正常过

预期结果:

如浏览器

实际结果:

tabBar图标文字都没显示

bug描述:

2024-11-21 10:09 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com

可以运行在app端,看控制台是否报错

要回复问题请先登录注册