将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