uni-app引入字體圖標

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

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

 

 刪完以後，剩下這樣的

 

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

 

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

 

 

 這樣就能夠了。

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