2017-08-10 98 views
0

我與vaadin自定義css有問題。一切都OK了,如果我在MainUI.java文件Vaadin自定義css

@Theme("valo") 
@SpringUI 
public class MainUI extends UI { 
... 

一切正常申報...但如果我加入我的新模板。在Eclipse中我的項目文件夾: 項目 - 新建 - 其他 - VADIN主題

之後,我在我的MainUI.java文件:

@Theme("myCustomTheme") 
@SpringUI 
public class MainUI extends UI { 
... 

而且我看到的只是純文本,如果我刷新我的網頁:/

我的模板文件:

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

@mixin myCustomTheme { 
    @include valo; 

    // Insert your own theme rules here 
} 

我能做些什麼,我有一個VALO主題,但我可以改變一些CSS規則?

+0

你編譯的主題?你在服務器日誌中遇到錯誤嗎? – cfrick

+0

我該如何編譯我的主題?我使用彈簧啓動 –

+0

常用的方法是從你的buildtool運行一個任務,在那裏你添加了一些vaadin的插件,可以解決這個問題。 – cfrick

回答

0

您需要的Vaadin Maven插件:

<plugin> 
    <groupId>com.vaadin</groupId> 
    <artifactId>vaadin-maven-plugin</artifactId> 
    <version>${vaadin.version}</version> 
    <executions> 
     <execution> 
      <goals> 
       <goal>update-theme</goal> 
       <goal>update-widgetset</goal> 
       <goal>compile</goal> 
       <!-- Comment out compile-theme goal to use on-the-fly theme compilation --> 
       <goal>compile-theme</goal> 
      </goals> 
     </execution> 
    </executions> 
</plugin> 

然後,您可以點擊在Eclipse這個按鈕:

enter image description here