uview 集成自定义图标 u-icon custom-prefix


uview 使用自定义图标
https://blog.csdn.net/VOID_Pointer_G/article/details/109574455
操作

  1. 下载svg格式的文件(如果是png等图片,先将图片转svg)
  2. 上传svg文件到阿里字体图标库

设置name

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

结尾改;

  1. 项目app.vue中引入文件

  2. 图标库使用

通过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是否一致


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM