错误标签与标签图标的匹配

首先,只是想感谢您提供了这个出色的组件。它确实帮助我们对标签进行了分类,并轻松区分标签与类别。我们的社区对该组件给予了极好的反馈,因此非常感谢!

我似乎遇到了两个独立的问题,希望能得到解决:

  1. 图标输入正确,但从未显示(类似于 @MrDavis97 的情况,但有所不同,因为这些图标从一开始就从未显示过)。
  2. 某些标签显示了图标应出现的位置,但没有任何内容显示。

示例 1:
我输入了两个不同的标签,都使用了相同的 Font-Awesome 图标(exclamation-circle)。然而,其中一个标签可以正常工作,而另一个标签却无法显示。

我尝试使用不同的 FA 图标,删除并重新添加,但似乎都没有效果。

其他标签也出现了类似情况(open-zwave-1-4、open-zwave-1-6、zwave-js-2-mqtt、zwave-2-mqtt 等):Inovelli Community

示例 2
这个情况非常奇怪,可能是 Font-Awesome 的问题。我们的一个标签(google-home)原本想使用 FA 图标“Google”。从下图可以看到(抱歉箭头较多)——红色部分显示了实际实现方式,紫色部分显示该标签未显示(似乎有一个占位符,仿佛该 FA 图标无法使用)。另一个奇怪的现象是,当我检查页面时,它似乎正常显示。我已确认这是一个免费图标,因此应该可以正常工作。我唯一能想到的是,是否对商标标识有某种限制?不太确定。

如您所见,如果将 Google 图标替换为其他图标,它就能正常工作。因此,这可能只是 FA 的问题,但我还是想提出来,看看是否有人遇到过类似情况。

无论如何,至少希望能得到关于第一个示例的帮助。

再次感谢您提供如此出色的组件!

5 个赞

我再次遇到了完全相同的问题。但现在涉及“discourse”和“jitsi”这两个标签。我无法为它们添加任何图标。实际上,任何新创建的标签都无法分配图标。现有的标签可以正常修改。有什么方法可以生成关于此问题的日志吗?

1 个赞

我不太确定,但可能在设置中超过一定数量的标签后会出现问题。您能告诉我您大约为多少个标签添加了图标吗?

我现在有 33 个标签,全部列在 这里

1 个赞

@AquaL1te@e3hines
我对组件进行了更新,修复了你们两人遇到的错误。

问题在于,该组件代码之前错误地匹配了特定图标的标签。在 AquaL1te 的网站上,这一点非常明显:

当组件为 jitsi 查找图标时,它错误地匹配了 it 来获取图标(然后在第二步中才检查完整标签名称,由于没有匹配项,因此未显示任何内容)。

如果您更新组件,应该能看到问题已修复。

由于 Font Awesome 拥有多组图标,品牌图标需要添加前缀。请尝试使用 fab-google,这应该可以正常工作。(抱歉我花了这么长时间才回复这个问题……)

6 个赞

这确实解决了问题!谢谢!

1 个赞

太棒了,这也帮我解决了问题——非常感谢!

1 个赞