注:此套图标引用font awemose

Font Awemose官网

下载文件解压,拖至HBuilder X直接运行

导入到其它项目中使用方法

1. 将components/fa-icons/fa-icons.vue文件(夹)复制到自己的项目下

2.在main.js中全局引入

// 图表组件
import faicon from './components/fa-icon/fa-icon.vue'
Vue.component('faicon',faicon)

3.页面中引用

  • 在需要插入的页面引用

    <faicon type="glass" color="#000000" size="20"></faicon>
    <!--
    type  为图标名称
    color 为图标颜色 默认#000000 (黑色,可不填)
    size  为图标大小 默认14px/1  (可不填)
    -->
  • 或者class直接引用

    <view class="fa fa-glass"></view>
    <!--
    注意格式否则无法正常显示  class="fa fa-*"  *号为名称
    -->

更新内容

  • 增加更多图标 目前675个

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问