vue中使用iconfont的font-class

進入阿里巴巴的素材庫https://www.iconfont.cn/，選擇需要的，加入購物車，然後下載到本地。

解壓縮之後把除了demo的全部放到assets下面，創建一個文件夾iconfont全部放進去。

 然後main.js裏面直接調用

import "./assets/iconfont/iconfont.css"

 然後在每一個vue中直接使用了。因爲把圖標轉換成了icon，所以這裏class可以直接引入。注意一下這裏的class裏面不是類，iconfont是都需要的，第二個是你下載的icon的名字。

 <van-icon class="iconfont icon-cart" style="margin-top: 20px;color: red;font-size: 20px"></van-icon>
<i class="iconfont icon-cart" style="margin-top: 20px;color: red;font-size: 20px"> </i>

還有個問題就是，van-icon無法直接更改圖標的顏色大小。