1）XIcon 太多坑，不好用，無奈之下，搞了一下 font-awesome

?

2）下載 font-awesome 源碼，并放置到 根目錄/src 目錄下?，傳送門：http://fontawesome.dashgame.com/

?

3）在 main.js 里聲明引入 font-awesome

import 'font-awesome/css/font-awesome.min.css'

?

4）使用

<i class="fa fa-commenting-o"></i>

注：fa 是固定需要的 class，后面的圖標名到網站上查找并復制就好，傳送門：http://fontawesome.dashgame.com/

?

5）修改圖標樣式

font-awesome 的圖標屬于字符圖標，想當于文字，可以直接使用 css 來控制，例如：

.fa-commenting-o{color: #4a4a4a; font-size: 18px;}

?

---

?

完

總結

以上是生活随笔為你收集整理的vux 使用 font-awesome的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。