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