uniapp引入iconfont

uniapp以font-class 引用iconfont

本文章主要介绍以font-class的方式引入到uniapp项目的使用方式
步骤:
  1. 默认你已经有了icon账号,官网地址

  2. 创建自己的项目,并将需要的图标添加到项目中
    uniapp引入iconfont_第1张图片

  3. 复制代码到自己的uniapp项目中,建议新建一个scss文件,将代码复制到自己的scss文件

  4. 不建议在App.vue引入,建议在使用的组件中引入即可,如下图
    uniapp引入iconfont_第2张图片

  5. 在template中使用

<i class="iconfont icon-a-lianji2" style="color: #FFFFFF;font-size:16px;"></i>

你可能感兴趣的:(uniapp,uni-app)