vue使用icon,vue怎么使用iconfont
本文主要介绍vue自定义图标的步骤,大致分为两步。通过实例和图片的结合非常详细的介绍给你。有需要的朋友可以参考一下。
Ant-design-vue自定义使用Ali iconfont icon \
步骤1:从iconfont获取项目js链接
第二步:添加到需要引用iconfont的页面。
在Deom中使用:
a
font type= icon-zutaishitu /
/a
从“ant-design-vue”导入{ Icon };
const Fonts=icon . createfromiconfontcn({
script URL:“//at . alicdn . com/t/font _ 2731654 _ ew 9 hs 5g 22 se . js”
})
导出默认值{
组件:{
字体
}
}
效果:
这就是这篇关于vue自定义图标的文章。有关vue自定义图标的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。