element UI -- 引入第三方图标

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bobobocai/article/details/87707289

一、登录阿里巴巴矢量图标库 https://www.iconfont.cn/
在这里插入图片描述
二、选择需要的图标,添加至项目
在这里插入图片描述
在这里插入图片描述
三、进入我的项目,下载图标至本地
在这里插入图片描述
在下载之前编辑项目在这里插入图片描述
在这里插入图片描述

四、点击下载到本地 会下载一个download.zip

五、在src/assets 下 新建一个 icon文件夹,把解压后的文件放到icon文件夹

六、打开iconfont.css

添加 代码

	[class^="icon-user"], [class*=" icon-user"] {
	  font-family:"iconfont" !important;
	  font-size: 18px;
	  font-style:normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

注意:第二个class处前面有个空格

七、然后在main.js 中引入iconfont.css

八、使用

 <span class='freight_icon-mimasuo'></span>
展开阅读全文

没有更多推荐了,返回首页