1. 程式人生 > >Vue、Element-ui專案中使用阿里向量相簿

Vue、Element-ui專案中使用阿里向量相簿

下面是簡單接收vue、element-ui專案,如何使用阿里iconfont圖示庫的方法(如何下載建立專案和下載在此處省略……) 首先將下載好的檔案解壓出來,裡面有一些檔案是沒用的,箭頭指向部分需要留著,其他可以直接刪掉這裡寫圖片描述 然後在src資料夾->assets->資料夾下面建立名字為icon的資料夾,並將上面的五個檔案拷貝進去 這裡寫圖片描述 再然後找到專案中的main.js檔案,引入iconfont.css樣式 這裡寫圖片描述 開啟iconfont.css檔案你會看到,樣式類名,可以在這裡修改顏色大小等等 這裡寫圖片描述 ok我們這回終於可以使用圖示了 這裡寫圖片描述 最終效果 這裡寫圖片描述