1:

注册登录阿里巴巴矢量图标库网站,网站链接:https://www.iconfont.cn/

2:

挑选喜欢的图标放入购物车并存入项目

3:

点击链接并复制css代码

4:

在uni-app中static目录下新建test.css文件,将复制的css代码粘贴(css文件位置随意)

4:

打开根目录下的uni.scss文件,调用test.css文件

5:

index.vue文件中调用即可

上述方法最为便捷,若是想将图标存在本地调用,可以如下操作

1:

同上

2:

同上

3:

下载图标到本地

4:

解压后打开文件夹,在文件夹中打开cmd

5:

进入cmd,安装iconfont-tools。

6:

安装完成后,执行iconfont-tools,随后根据提示操作即可,最后会在文件夹中看到一个新创建的iconfont文件夹(切记,必须是在图标文件中执行)

7:

将新创建的iconfont文件夹复制到uni-app项目中static目录下

8:

步骤如上述4,5。