vue3动态绑定图片和使用阿里巴巴矢量图

矢量图

1。加购物车

2.

下载在本地 解压 （把以下文件放进项目文件夹里面）

├── font
   ├── iconfont.css
   ├── iconfont.json （font-class用法）
   ├── iconfont.js （symbol用法）
   ├── iconfont.ttf
   ├── iconfont.woff
   └── iconfont.woff2

更改颜色的采用svg 这种格式,在main.js全局引入或者在使用的页面引入 

import './assets/font/iconfont.js'
<svg class="icon" aria-hidden="true" style="width: 20px;height: 14px;"><use xlink:href="#icon-speaker-full"></use>
</svg>