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

一、vue使用

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

Vue iconfont-阿里巴巴矢量图标库用法_第1张图片

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

Vue iconfont-阿里巴巴矢量图标库用法_第2张图片Vue iconfont-阿里巴巴矢量图标库用法_第3张图片

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

                           Vue iconfont-阿里巴巴矢量图标库用法_第4张图片

进入项目设置勾选彩色Vue iconfont-阿里巴巴矢量图标库用法_第5张图片

点击下载到本地

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

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

 使用:

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

Vue iconfont-阿里巴巴矢量图标库用法_第6张图片

之后更改项目内图标:

更新代码Vue iconfont-阿里巴巴矢量图标库用法_第7张图片

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

你可能感兴趣的:(vue,vue.js,前端,javascript)