新增圖示並下載

一、點選圖示管理–>我的專案，建立專案

簡單點~填個專案名即可

二、選擇一個圖示，加入購物車

點選右上角購物車的圖示，新增至專案(可以直接點選下載程式碼，不需要建立專案，但是如果是專案有很多圖示，需要後續管理，還是要建立專案)，然後回到第一步中的我的專案，點選下載至本地

在vue專案中使用

一、引入專案

解壓縮下載好的專案，複製到專案中（我的目錄是src/assets/iconfont，刪除demo開頭的檔案）

二、在main.js引入

...
import Vue from "vue";
import App from "./App.vue";
import "./assets/iconfont/iconfont.css"; //引入阿里巴巴向量圖示庫
...
 

三、程式碼中使用

iconfont.css

//icon名稱在下載的資料夾中的iconfont.css中
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-denglu:before { content: "\e611"; }

使用

<i class="iconfont icon-denglu"></i>