|
一、登录阿里巴巴矢量图标库 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>
|