svg图标

目前采用了目前比较流行的阿里巴巴矢量图标库中的svg图标

普通用法

1、具体操作:
下载—复制SVG代码
2、新建一个svg后缀的文件
3、处理细节
去掉不必要的属性，需保留以下属性

// 一般保留宽高属性，若需自定义去除即可；若需要有颜色区别，还需保留颜色color属性；
<svg width="128" height="128" xmlns="http://XXX"><path d="XXXX"/></svg>

4、在使用的地方加上以下代码，期中test就是svg图片的名称

<svg-icon icon-class="test"></svg-icon>

注：需要依赖 npm包（ svg-sprite-loader）

转换为Unicode图标

获取初始文件

具体操作：
选中图标—添加库—添加至项目—下载至本地

引用

1、font中加入以下四个文件

2、main.js中引入

import '@/assets/font/iconfont.css';

3、将对应的Unicode引入到自己需要的地方即可

<i >&#xe75f;</i>

展示效果如下