vue 踩坑筆記 二.vue引入阿里矢量圖庫的矢量圖

1. 進入阿里矢量圖官網

阿里適量圖庫

2.新建項目

新建一個自己的項目

3.找到自己需要的矢量圖

將該圖標存入某個項目內






src/assets目錄下新建一個目錄,將複製的文件粘貼進去

4.在需要的組件內進行引入

import '@/assets/icon/iconfont.css'

5.在放置矢量圖

先選擇想要的矢量圖的代碼

7.修改html(class中粘貼矢量圖代碼,一定要加iconfont !!!)

<i class = "iconfont  icontianmaoxingxiang2" />