Vue ,Element-ui中el-menu使用阿里图标

转载：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;
	}

• 1
• 2
• 3
• 4
• 5
• 6
• 7

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

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

八、使用

 <span class='freight_icon-mimasuo'></span>