添加圖標(biāo)并下載
一、點(diǎn)擊圖標(biāo)管理-->我的項(xiàng)目支鸡，創(chuàng)建項(xiàng)目
image
簡單點(diǎn)~填個項(xiàng)目名即可
image
二冬念、選擇一個圖標(biāo)，加入購物車
image
點(diǎn)擊右上角購物車的圖標(biāo)牧挣，添加至項(xiàng)目(可以直接點(diǎn)擊下載代碼刘急，不需要創(chuàng)建項(xiàng)目，但是如果是項(xiàng)目有很多圖標(biāo)浸踩，需要后續(xù)管理，還是要創(chuàng)建項(xiàng)目)统求，然后回到第一步中的我的項(xiàng)目检碗，點(diǎn)擊下載至本地
image
image
image
在vue項(xiàng)目中使用
一据块、引入項(xiàng)目
解壓縮下載好的項(xiàng)目，復(fù)制到項(xiàng)目中（我的目錄是src/assets/iconfont折剃，刪除demo開頭的文件）
image
二另假、在main.js引入
...
import Vue from "vue";
import App from "./App.vue";
import "./assets/iconfont/iconfont.css"; //引入阿里巴巴矢量圖標(biāo)庫
...
三、代碼中使用
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>
