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

Question

来自文档:

The Badge-specific CSS classes are available as part of the Lumotheme. To use these classes in your application, enable them in yourtheme’s 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 也需要一个值)。这个值应该是多少？我在哪里可以找到我的 Vaadin 项目中的这些 ccs 文件？

Answer 1

最简单的方法是使用 Badge add-on从目录。它使您可以轻松地将 Java API 用于 Lumo 徽章。您还可以通过 GitHub 存储库的链接查看它是如何实现的。