uview 集成自定义图标 u-icon custom-prefix
uview 使用自定义图标
https://blog.csdn.net/VOID_Pointer_G/article/details/109574455
操作
- 下载svg格式的文件(如果是png等图片,先将图片转svg)
- 上传svg文件到阿里字体图标库

设置name

在右上角的”更多操作”中,进入”编辑项目” 修改”FontClass/Symbol 前缀”项为”custom-icon-“,修改”Font Family”为”custom-icon”
3. 下载解压缩,修改 iconfont.css 文件
只保留一行

结尾改;

-
项目app.vue中引入文件

-
图标库使用
通过custom-prefix指定类名为custom-icon
报错:文件查找失败:'./iconfont.ttf?t=1605488148927
https://segmentfault.com/q/1010000011515178
调整iconfont.css路径


或者使用cdn

不报错,图标无法显示:
https://www.bookstack.cn/read/uview-1.2.7/cf9ae06873f36264.md
查看iconfont.css

检查这部分与u-icon name是否一致

浙公网安备 33010602011771号