vux 使用 font-awesome

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;}

 

---

 

完