vue 自定義icon、ant-design-vue自定義使用阿里iconfont圖標

ant-design-vue自定義使用阿里iconfont圖標

第一步：從iconfont獲取項目js鏈接

 

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

在Deom中使用：
<a>
     <Fonts type='icon-zutaishitu'/>
</a>

js代碼
 import { Icon } from ‘ant-design-vue’;
 
 const Fonts = Icon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/font_2731654_ew9hs5g22se.js'
 })
 
 export default {
     components: {
         Fonts  
     }
} 

效果：