Vue iconfont-阿里巴巴矢量图标库用法

一、vue使用

选择心仪的图标 加入购物车

点击右上角购物车,点击添加至项目

在资源管理 可以看到我的项目

                           

进入项目设置勾选彩色

点击下载到本地

解压压缩包 在main.js文件内导入css文件

import "@/assets/font_icon/iconfont.css";

 使用:

复制代码 得到‘’ 放入i标签

<i class="iconfont">&#xe666;</i>

之后更改项目内图标:

更新代码

 复制生成后的代码 把iconfont.css 上方的@font-face代码替换掉就可以了

猜你喜欢

转载自blog.csdn.net/weixin_44523517/article/details/133375854