webpack vue 使用阿里巴巴矢量网svg图标

来源:互联网 发布:帝国时代2非洲王朝mac 编辑:程序博客网 时间:2024/05/18 02:24

webpack vue 使用阿里巴巴矢量网svg图标



1.选择你要的小图标加入购物车,添加到你的项目中;


2.点击到symbol中点击更新代码;如图






3.复制代码前面加http://如下图将这个js代码下载下来;保存成一个文件放在vue的项目中




4.然后在App.vue引入你的js文件




最后在你想要使用图标的地方写上代码


<svg class="icon" aria-hidden="true">  <use xlink:href="#icon-sjh-copy"></use></svg>

xlink:href="#icon-sjh-copy"


是你图标的名字在你的阿里巴巴项目上复制就好了


原创粉丝点击