CSS in vaadin plugin for grails

Question

我正在使用 vaadin 插件来制作圣杯，并试图定义一些自定义样式。我应该把.css放在圣杯应用中的什么位置？我的 Vaadin 应用程序正在/vaadin/我尝试创建一个 /vaadin/themes/mytheme/ 文件夹，然后将我的样式.css文件放在那里，但仍然没有运气。任何帮助将不胜感激。刚接触圣杯和刚接触vaadin，我正在为这样的小事拔头发，在我弄清楚这些事情之前无法完成任何实际的跑腿工作。

在这一点上，任何进行内联样式的方法对我来说也很好。我真的只需要一些方法来编写明确的样式。

谢谢

Answer 1

你需要把它放到/web-app/VAADIN/themes/mytheme 中

您可以查看完整的地址簿教程（添加了Gorm和Spring Security Core支持）

Answer 2

使用最新版本的插件：

• 文件的名称必须是styles.css（或styles.scss，然后由命令grails prod war编译为styles.css）
• 该文件必须位于/web-app/VAADIN/themes/mytheme 中，其中最后一部分是样式的名称

• 例如，在 UI 文件中，使用@Theme注释

  @Theme("mytheme")
  @VaadinUI(path = '/')
  class MyUI extends UI {
  // ...
  

• 在 VaadinConfig.groovy 中，指定应用程序使用的样式：

  themes = ['mytheme']