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,
},
};
定义完之后我们在页面中只需这样引用
这样就完成啦