您的位置:首页技术文章
文章详情页

vue 自定义icon图标的步骤

【字号: 日期:2023-02-16 09:15:52浏览:3作者:猪猪

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

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

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/font_2731654_ew9hs5g22se.js’ }) export default { components: { Fonts }}

效果:

vue 自定义icon图标的步骤

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

标签: Vue
相关文章: