antdesign 中 使用 iconfont symbol方式引入图标不展示

发布于 2022-09-12 13:57:06 字数 631 浏览 27 评论 0

最近在写项目遇到了一个问题,我使用vue框架搭建了一个项目。
我创建了一个 index.js文件,内容为:

import { Icon } from 'ant-design-vue';

const IconFont = Icon.createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_2296540_wpxzi5ar76.js',
});
export default IconFont;

然后在main.js中引入了该组件,
image.png
但是当我在页面中使用这个标签的时候,却发现无论如何小图标都出不来,
image.png
image.png
标红的位置是我放图标的位置,

image.png
找了各种资料都不知道问题处在了哪里,有明白的大神可以和我交流一下吗?非常感谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

臻嫒无言 2022-09-19 13:57:08

Vue.use了没?

吃→可爱长大的 2022-09-19 13:57:06

我引了你的js,只有如下几个svg
image.png
你能使用的图标便只有这个,type值为它们的id,不需要添加icon-

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文