不使用自定义主题时，如何在 Vaadin 14.7.x 中启用徽章 CSS 类？

【问题标题】：How to enable badge CSS classes in Vaadin 14.7.x when not using custom theme?不使用自定义主题时，如何在 Vaadin 14.7.x 中启用徽章 CSS 类？
【发布时间】：2021-10-29 10:12:21
【问题描述】：

来自文档：

徽章特定的 CSS 类作为 Lumo 的一部分提供主题。要在您的应用程序中使用这些类，请在您的主题的theme.json

Lumo Badges 描述了如何：

@JsModule("@vaadin/vaadin-lumo-styles/badge.js") 
// Here, we add the style sheet to   the global scope 
@CssImport(include = "lumo-badge")

但是，这不起作用（CssImport 还需要value）。这个值应该是多少？在我的 Vaadin 项目中哪里可以找到这些 ccs 文件？

【问题讨论】：

标签： vaadin-flow vaadin14

【解决方案1】：

最简单的方法是使用目录中的Badge add-on。它为您提供了易于使用的用于 Lumo 徽章的 Java API。您还可以通过链接查看 GitHub 存储库是如何实现的。

【讨论】：

好的，该插件只是一个（不错的）类型安全包装器，用于已经是 14.7 的一部分的功能（应该是 vaadin flow 恕我直言的一部分）。但看看你的代码，我明白了什么诀窍。引用了一个空的 css 文件！问题的第二部分仍然悬而未决：我在哪里可以找到我的 Vaadin 项目中的 lumo ccs 文件？
“在我的 Vaadin 项目中哪里可以找到 lumo ccs 文件”，它们是 lumo 包的一部分，您不需要直接引用它们。