vue 自定义icon图标的步骤
更新时间:2021年08月09日 14:37:53 作者:Jim-vue
这篇文章主要介绍了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中element-plus Upload上传文件代码示例
这篇文章主要介绍了vue3中element-plus Upload上传文件的相关资料,在时间开发中上传文件是经常遇到的一个需求,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-08-08
最新评论