鸿蒙 tabbar 不支持iconfontSrc uni-app
鸿蒙 tabbar 不支持iconfontSrc uni-app
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Mac | 15.5 | HBuilderX |
产品分类：uniapp/App
PC开发环境操作系统：Mac
手机系统：HarmonyOS NEXT
手机系统版本号：HarmonyOS 6.0.0
手机厂商：华为
手机机型：mate60
页面类型：vue
vue版本：vue3
打包方式：云端
示例代码：
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconfont": {
"text": "\ue66d",
"selectedText": "\ue66d",
"fontSize": "22px",
"color": "#9C9C9C",
"selectedColor": "#008CD7"
}
}
更多关于鸿蒙 tabbar 不支持iconfontSrc uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于鸿蒙 tabbar 不支持iconfontSrc uni-app的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
目前鸿蒙系统（HarmonyOS NEXT）的uni-app原生tabbar确实不支持iconfontSrc属性。这是由鸿蒙平台自身的限制导致的，该平台的原生tabbar组件尚未提供加载外部字体图标的能力。
在鸿蒙环境下，建议采用以下替代方案：
-
使用base64格式的图标 将iconfont转换为base64编码，直接作为图标源使用。这种方式兼容性较好，但会增加包体积。
-
使用本地图片资源 准备两套图标（选中/未选中状态），通过iconPath和selectedIconPath属性引用本地图片：
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconPath": "static/tabbar/mine.png",
"selectedIconPath": "static/tabbar/mine-active.png"
}