用于 grails 的 vaadin 插件中的 CSS答案

【问题标题】：CSS in vaadin plugin for grails用于 grails 的 vaadin 插件中的 CSS
【发布时间】：2012-08-10 09:45:40
【问题描述】：

我正在为 grails 使用 vaadin 插件，并且正在尝试定义一些自定义样式。我应该将 .css 放在我的 grails 应用程序的哪个位置？我的 Vaadin 应用程序位于 /vaadin/ 中，我尝试创建一个 /vaadin/themes/mytheme/ 文件夹，然后将我的 styles.css 文件放在那里，但仍然没有运气。任何帮助将不胜感激。对 grails 和 vaadin 的新手，我正在为这样的小事情拉头发，在我弄清楚这些事情之前无法完成任何实际的跑腿工作。..

在这一点上，我也可以使用任何方式进行内联样式。我真的只是需要一些方法来写明确的风格..

谢谢

【问题讨论】：

标签： css grails vaadin grails-config

【解决方案1】：

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

您可以查看completed addressbook tutorial（添加了对 Gorm 和 Spring Security Core 的支持）

【讨论】：

【解决方案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']
```

【讨论】：