步骤如下:
(一)进入阿里巴巴矢量库后搜索所要素材
(二)将素材添加至项目中
(三)选择Symbol后可对素材进行颜色、大小进行编辑,也可重命名,然后下载至本地
(四)将文件解压之后放到assets文件夹下
(五)在main.js中进行引入
(六)在.vue文件中可通过下面的方式进行使用
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-huaxian" />
</svg>
(七)样式只需要引入一次
.icon {
width: 2em;
height: 2em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}