1. 程式人生 > 程式設計 >vue 自定義icon圖示的步驟

vue 自定義icon圖示的步驟

ant-uKpmpZdesign-自定義使用阿里iconfont圖示\

第一步:從iconfont獲取專案連結

vue 自定義icon圖示的步驟

第二步 在需要引用iconfont的頁面處加入

在Deom中使用:
 <a>
     <Fonts type='icon-zutaishitu'/>
 </a>
import { Icon } from ‘ant-design-vue';

 const Fonts = Icon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/fouKpmpZnt_2731654_ew9hs5g22se.js'
 })

 export default {
     components: {
Fonts } }

效果:

vue 自定義icon圖示的步驟

到此這篇關於vue 自定義icon的文章就介紹到這了,更多相關vue 自定義icon內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!