Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[t-icon] 使用填充风格的icon无效 #135

Closed
FiShelly opened this issue Jan 14, 2025 · 3 comments
Closed

[t-icon] 使用填充风格的icon无效 #135

FiShelly opened this issue Jan 14, 2025 · 3 comments
Assignees

Comments

@FiShelly
Copy link

FiShelly commented Jan 14, 2025

tdesign-icons 版本

0.3.3

重现链接

No response

重现步骤

import { Icon as TIcon } from 'tdesign-vue-next';

<TIcon name='chat-message-filled' />

引入填充风格无效,换成线框风格的name则可以,单独引入ChatMessageFilled也可以。

看了看起来像是全量引入的问题,全量引入时,引入的是https://tdesign.gtimg.com/icon/0.2.1/fonts/index.js这个svgjs,看起来版本号对不上,导致缺少了很多图标。

期望结果

图标显示正常

实际结果

图标显示空白

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Copy link

👋 @FiShelly,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

Copy link

github-actions bot commented Jan 14, 2025

♥️ 有劳 @uyarn 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @FiShelly

@uyarn
Copy link
Collaborator

uyarn commented Jan 14, 2025

vue-next的图标依赖没有更新导致,可以直接安装tdesign-icons-vue-next 然后相同的方式使用

  1. npm install tdesign-icons-vue-next
  2. import { Icon as TIcon } from 'tdesign-icons-vue-next'

@uyarn uyarn closed this as completed Jan 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants