vue 自定义icon图标的步骤

夏夜,蟋蟀劲鸣,星光灿烂,月光清澈。孩提时的晨在小山上快活的玩味着每一朵花,每一株草,亦或躺在绿油油的草地数星星。一切都是那么的美好,那么的惬意。

ant-design-vue自定义使用阿里iconfont图标\

第一步:从iconfont获取项目js链接

第二步 在需要引用iconfont的页面处加入

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

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

 export default {
     components: {
         Fonts
     }
}

效果:

到此这篇关于vue 自定义icon的文章就介绍到这了,更多相关vue 自定义icon内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

您可能有感兴趣的文章
vue3 自定义指令控制按钮权限的操作代码

Vue自定义树形控件如何使用详解

Vue自定义指令如何实现弹窗拖拽四边拉伸及对角线拉伸效果

vue自定义可选时间的日历组件

如何通过Vue自定义指令如何实现前端埋点详析