Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）
生活随笔
收集整理的這篇文章主要介紹了
Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
阿里巴巴矢量圖標庫官網https://www.iconfont.cn/
1、把選好的矢量圖標庫下載至本地并解壓
?2、復制解壓的文件到項目中
?3、在項目中配置
??????????1、main.js/ts中配置
? ? ? ? 2、引入樣式
/*阿里巴巴矢量圖標庫配置，樣式寫在全局中*/ .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、結果
在下載的包里，有demo示例以及說明書
?
總結
以上是生活随笔為你收集整理的Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 新型智能助手|chatgpt|小智ai
- 下一篇： 微信上线刷掌支付小程序；扎克伯格谈自家万