vue引入阿里巴巴矢量图库的方式

矢量图库网

 iconfont-阿里巴巴矢量图标库

在线引入

前期准备

添加图片到购物车 

 

添加至项目 

 

没有则创建一个项目

 

css引入在线连接

方法一

.css文件引入方式

方法二

.vue文件的style标签中引用

<style>

@import url('//at.alicdn.com/t/c/font_4990114_5hr83lndz19.css'); 

</style>

方法三

.html文件 link引入

使用 

 

 

离线引入 

复制svg代码引入

 

 

图片形式导入

下载下来图片，然后html渲染即可，这里不做详细说明 

下载其css相关内容到本地后使用

 解压下载下来的压缩包，然后将其复制到你的项目目录里