uniapp以font-class 引用iconfont
本文章主要介绍以font-class的方式引入到uniapp项目的使用方式
步骤:
-
默认你已经有了icon账号,官网地址
-
创建自己的项目,并将需要的图标添加到项目中
-
复制代码到自己的uniapp项目中,建议新建一个scss文件,将代码复制到自己的scss文件
-
不建议在App.vue引入,建议在使用的组件中引入即可,如下图
-
在template中使用
<i class="iconfont icon-a-lianji2" style="color: #FFFFFF;font-size:16px;"></i>