vue项目引入阿里巴巴矢量图标库 “字体图标” 手把手步骤详解(pc端、移动端都通用)

第一步打开百度搜索阿里巴巴矢量图标库
官方网址:https://www.iconfont.cn/
然后按图片顺序进行操作就能得到想要展示的字体图标
1.
在这里插入图片描述
2.
在这里插入图片描述
3.
在这里插入图片描述
4.
在这里插入图片描述
5.
在这里插入图片描述
6.
在main点js中引入(路径要找到解压文件下的iconfont.css文件)
在这里插入图片描述
7.
在这里插入图片描述
8.
在这里插入图片描述
9.
在代码中加上上面图标的类名就可以出来所下载的图标了
注意:所有的类名前面都需要加上iconfont后面拼上你需要icon的类名就ok了

 <div class="iconfont icon-xxx"></div>

在这里插入图片描述
10.
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_49714202/article/details/121875920