vue 项目使用iconfont
2022-03-30 本文已影响0人
微笑面对start
Step.1
从 iconfont官网 将需要的图片添加到购物车，将购物车里的图片添加到项目，最后从项目里下载到本地。如下图：
image.png
下载完后解压如下图：
image.png
Step.2
在项目assets目录下新建个文件夹名字随便，我这里是iconfont命名。然后将上图中红框内的文件复制到新建的目录下，如下图:
image.png
Step.3
在main.js 文件引入全局css，如下图:
image.png
下面就可以根据官网一样使用了
<i class="iconfont"></i>
<span class="iconfont icon-xxx"></span>
<span class="#icon-xxx"></span>
