博客 / 詳情

返回

vue3使用iconfont

1.首先登陸阿里雲矢量圖標庫,把需要的字體圖標加入到自己的項目中
2.將項目下載到本地,並解壓到項目中

3.在vue項目下的資源文件夾下新建iconfont文件夾,將下載後的文件解壓將一下文件拷貝到項目的iconfont文件夾下,

圖片

圖片

4.在main.ts中引入iconfont.css和iconfont.js,如果不使用多色圖標的話可以不用引入iconfont.js文件
import '@/assets/icons/iconfonts/iconfont.css'

5.在代碼中使用(iconfont 是必須添加的類名, 後面的對應才是對應的圖標,類名參考 iconfont官網)

圖片

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.