在 spring 引导 vaadin 应用程序中使用多个主题

Question

默认情况下，我们可以通过使用 @Theme(themename) 注释 UI class 将样式应用于 vaadin spring 启动应用程序。在我的特殊情况下，我用 @Theme(ValoTheme.THEME_NAME) 进行了注释，但这还没有结束。不幸的是，我没有想出如何在不处理 css 和额外文件的情况下为布局设置背景（这似乎是唯一不可避免的解决方案）。

如何同时使用主题valotheme和自定义（只是为了设置背景图片）？

非常感谢您的建议

Answer 1

您可以在自己的自定义主题中扩展 Vaadin 主题。如果您在自己的主题中扩展 Valo 主题，那么您将获得 Valo 主题加上您自己的定制和添加：

@import "../valo/valo.scss";

@mixin mytheme {
  @include valo;

  // your own scss here
}

Answer 2

在无数次尝试完成后，我被迫切换 css 样式文件。话虽这么说 - 我不得不结合 ValoTheme 和我自己的 "style".

对于 Spring Boot Devs: 最初 Spring Boot 不会为自定义样式生成任何预设（Eclipse 和 Netbeans 的 vaadin 插件会生成），因此您必须手动创建文件夹： src/main/webapp/VAADIN/themes/<yourthemename>/ 并将必要的 css 文件放在那里。

快速提示：

省时省力的方式：

从这里创建新的 vaadin 项目：Link
找到主题文件夹并复制粘贴到您的项目
也不要忘记用 @Theme("myTheme")

希望这对某人有所帮助

在 spring 引导 vaadin 应用程序中使用多个主题

Use multiple themes in spring boot vaadin application

css

spring

vaadin

vaadin7

vaadin-spring-boot