1.下载图标

1.1百度搜索阿里图标库进入主页

在这里插入图片描述

1.2选择所需图标

选择所需图标，加入购物车
在这里插入图片描述
图标选好后点击右上角购物车下载图标文件
在这里插入图片描述
选择下载代码
在这里插入图片描述

2.使用

2.1导入项目

将压缩包解压后，将iconfont.css和iconfont.ttf文件复制到项目里
在这里插入图片描述下面是我的目录结构
在这里插入图片描述

2.2在App.vue中引入

在这里插入图片描述

2.3在页面中使用

在这里插入图片描述
注意：
通过以上方法引入图标仅单色图标有效，多色图标无法生效！！！

# uni-app
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

免费用鲲鹏资源！华为开发者空间实操：DevKit Java 性能分析，新手也能上手

avatar 华为开发者空间
cover

基于 TensorFlow 的 PyTorch-MNIST 手写体识别系统开发案例

avatar 华为开发者空间
cover

基于华为开发者空间的云端JVM服务远程调试：CodeArts IDE配置指南

avatar 华为开发者空间