将vant图标库导入
- 发布:2024-02-22 14:42
- 更新:2024-02-23 15:31
- 阅读:313
产品分类: 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)
},
})
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