阿里巴巴矢量圖標(biāo)庫官網(wǎng)https://www.iconfont.cn/

1、把選好的矢量圖標(biāo)庫下載至本地并解壓

?2、復(fù)制解壓的文件到項(xiàng)目中

?3、在項(xiàng)目中配置

??????????1、main.js/ts中配置

? ? ? ? 2、引入樣式

/*阿里巴巴矢量圖標(biāo)庫配置，樣式寫在全局中*/ .icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden; }

? ? ? ? ?3、使用

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

4、結(jié)果

在下載的包里，有demo示例以及說明書

?

總結(jié)

以上是生活随笔為你收集整理的Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。