element UI -- 引入第三方图标

论坛 期权论坛 脚本     
匿名网站用户   2020-12-20 17:46   11   0

一、登录阿里巴巴矢量图标库 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>
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:1136255
帖子:227251
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP