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

最新推荐文章于 2025-02-25 14:31:12 发布

哇撒的博客

最新推荐文章于 2025-02-25 14:31:12 发布

阅读量3.1k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/sinat_40470998/article/details/110531033

版权

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

ant-design-vue与vue-admin-element引用iconfont图标还是有点区别的，具体步骤如下：

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

在这里插入图片描述

第二步：查看官网资料

在这里插入图片描述

首先我们在需要引用iconfont的页面处加入
import { Icon } from ‘ant-design-vue’;
并定义一个组件
const IconFont = Icon.createFromIconfontCN({
scriptUrl: ‘//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js’,
});
export default {
components: {
IconFont,
},
};
定义完之后我们在页面中只需这样引用
在这里插入图片描述
这样就完成啦