vue引入iconfont

Posted 11wangxin7

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入iconfont相关的知识,希望对你有一定的参考价值。

1.百度查询进入Iconfont阿里巴巴矢量图标库官网(https://www.iconfont.cn/)

技术图片

 

 2.搜索找到你想要的图标

 

 技术图片

 

 技术图片

 

 3.加入购物车

技术图片

 

 4.点击购物车,选择添加到项目

技术图片

 

 3.登录你的gethub账户或者选择其他登录方式,选择添加到项目,没有项目新建项目

技术图片

 

 4.选择font class,然后点击下载到本地(下载下来压缩包,解压)

技术图片

 

 

5.进入文件夹,复制所以文件到webstorm下的static目录下

技术图片

 

 技术图片

 

 6.页面直接使用,注意在图标名字前加iconfont,图标名称为github里面图标名称。

技术图片

 

 技术图片

 

7.编码工具:webstorm

 

以上是关于vue引入iconfont的主要内容,如果未能解决你的问题,请参考以下文章

vue组件中怎么引入html文件

vue引入scss错误

vue 引入自定义js 并使用

vue引入图片的方式

如何在.vue文件中引入外部js

htmlz怎么用vue路由引入其他页面