平台兼容性

wx-component-fa-icon

微信小程序 fa-icon 图标插件

基于 Font-Awesome 4.7.0 版构建，个人觉得uni-icon使用方便，所以参考了uni-icon的形式，使用方式和 uni-icon 插件类似。

组件名：fa-icon

使用方式：

在 script 中引用组件

import faIcon from "@/components/kilvn-fa-icon/fa-icon.vue"
export default {
    components: {
        faIcon
    }
}

在 template 中使用组件

<fa-icon type="home" size="22" color="#666" @click="testJS"></fa-icon>

图标效果参考：Font Awesome 中文网 http://www.fontawesome.com.cn/faicons/

Icon 属性说明：

图标颜色

组件集成了一些bootstrap 4 的默认颜色，可以直接调用：

颜色效果参考：https://kilvn.github.io/wx-component-fa-icon/

text-primary

text-secondary

text-success

text-danger

text-warning

text-info

text-light

text-dark

text-muted

text-white

text-grey

<fa-icon type="home text-primary" size="22"></fa-icon>