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

[Icon] iconfont 高级用法中引入新的 url 字体图标库后,新引入的图标不显示 #29

Closed
NiLinli opened this issue Jul 5, 2022 · 8 comments
Assignees
Labels
bug Something isn't working need more info

Comments

@NiLinli
Copy link

NiLinli commented Jul 5, 2022

tdesign-vue-next 版本

0.17.3

重现链接

No response

重现步骤

可以传入 url 加入新的 iconfont 图标。

引入新的图标 Url 之后,图标名称必须写全称,以作区分,如:"name='home'" 需要写成 "name='t-icon-home'"。

组件会引入默认的 iconfont 图标,如果希望禁止组件加载默认的 iconfont 图标,将 loadDefaultIcons 置为 false 即可。

点击下面 demo 的 stackblitz 链接即可复线

期望结果

显示新的 iconfont 图标

实际结果

并未显示新的 iconfont 图标
cps-icon 样式被 t-icon 覆盖了

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link

github-actions bot commented Jul 5, 2022

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

@github-actions
Copy link

github-actions bot commented Jul 5, 2022

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

@uyarn
Copy link
Collaborator

uyarn commented Jul 5, 2022

image

没理解被覆盖是指哪里

@NiLinli
Copy link
Author

NiLinli commented Jul 5, 2022

image

没理解被覆盖是指哪里

t-icon cps-icon 样式在一个层级,没有明确的优先级,有机率(不是必现)t-icon会覆盖 cps-icon 的样式

企业微信截图_41d268c6-aaf7-477e-af3c-9bc2585b7d9c

这是我重试了几次, 有概率会出现图上前8个 icon 都未显示

@timi137137
Copy link

image

没理解被覆盖是指哪里

确实有覆盖,也许是class给多了()

@uyarn
Copy link
Collaborator

uyarn commented Jul 5, 2022

了解了 我修复下

@uyarn uyarn added the bug Something isn't working label Jul 5, 2022
@uyarn uyarn transferred this issue from Tencent/tdesign-vue-next Jul 6, 2022
@github-actions
Copy link

github-actions bot commented Jul 6, 2022

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

@uyarn uyarn mentioned this issue Jul 12, 2022
16 tasks
@uyarn
Copy link
Collaborator

uyarn commented Jul 12, 2022

fixed in [email protected]

@uyarn uyarn closed this as completed Jul 12, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working need more info
Projects
None yet
Development

No branches or pull requests

4 participants