小葛
小葛
  • 发布:2024-02-22 14:42
  • 更新:2024-02-23 15:31
  • 阅读:313

【报Bug】uniapp x无法加载图标

分类:uni-app x

产品分类: uni-app x/App

PC开发环境操作系统: Windows

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

HBuilderX版本号: 4.01

手机系统: Android

手机系统版本号: Android 7.0

手机厂商: 模拟器

手机机型: 雷电模拟器

操作步骤:

将vant图标库导入

预期结果:

显示vant图标

实际结果:

无法显示

bug描述:

无法加载vant的图标,官方示例是'\ue100'能加载出来,加载van图标库成功后,使用'\e660'无法加载,会报错error: Illegal escape: '\e'‌,使用\e660不报错,但是也不对

<text class="font-size-20" style="font-family: vanIcon;">{{  
          font1  
        }}</text>  
uni.loadFontFace({  
                global: true,  
                family: 'vanIcon',  
                source: "url('/static/font/vanIcon.woff')",  
                success() {  
                    console.log('loadFontFace vanIcon.woff success')  
                },  
                fail(error) {  
                    console.warn('loadFontFace vanIcon.woff fail', error.errMsg)  
                },  
            })
2024-02-22 14:42 负责人:无 分享
已邀请:
小葛

小葛 (作者) - uniapp,vue,vant

官方没人回复吗

  • DCloud_UNI_WZF

    麻烦提供下复现工程,这边排查下,谢谢

    2024-02-26 17:02

  • 小葛 (作者)

    回复 DCloud_UNI_WZF: https://static.yetongge.top/uniapp-x-demo.zip

    2024-02-26 17:59

  • 小葛 (作者)

    回复 DCloud_UNI_WZF: uview.ttf是uview UI组件的图标,vanIcon.woff是vant UI组件的图标,想在uniapp x中使用这些图标

    2024-02-26 18:00

  • DCloud_UNI_WZF

    回复 小葛: uniapp-x android 平台,暂不支持 woff 字体文件,后续会优化逻辑触发 fail 回调返回错误信息,文档也会更新相关描述,感谢反馈,已加分

    2024-02-27 11:13

  • 小葛 (作者)

    回复 DCloud_UNI_WZF: uview UI的图标好像也是ttf,也是不行的

    2024-02-27 11:33

  • DCloud_UNI_WZF

    回复 小葛: uview.ttf 我这测试正常,测试 demo

    2024-02-27 14:32

要回复问题请先登录注册