uni-app引入字體圖標

個人項目引入的是阿里巴巴的圖標庫。修改 iconfont.css :css

修改該文件夾中的內容,刪除紅色部分,只留下 「data」 開頭的路徑html

 

 刪完以後,剩下這樣的vue

 

注意:路徑最後只剩下一個,這行代碼的結尾必定是 「 ; 」 還有src:不要落下spa

 

以上 css 文件配置完畢,在須要用到的xxx.vue 文件中引入,以下所示 :htm

 

 

 這樣就能夠了。blog

其中 class 中的屬性引用,能夠參考下載下來的圖標文件中的 demo_index.html 文件,查看源代碼得知該圖標引用的什麼樣式,寫上便可。class

相關文章
相關標籤/搜索