Vaadin 动画师淡入刷新时消失

Question

我正在使用 Vaadin Animator 2.0.0 添加淡入组件。我正在使用以下代码

new Dom(referenceLayout).getStyle().opacity(0);
Animator.animate(referenceLayout, new Css().opacity(1.0)).delay(100).duration(2000);

它工作正常，但如果我刷新页面，我知道第二行 (Animator) 不会启动，默认情况下，组件保持 0 不透明度，我什么也看不到。我该怎么做才能确保组件在刷新后仍然可见。我不在乎动画师是否在刷新后启动。

Answer 1

如果你只是想要一个简单的组件淡入动画，你可以这样做（假设你是using/extending Valo 主题）：

您的应用：

mycomponent.addStyleName("fade-in");

您的主题：

.fade-in {
  @include valo-animate-in-fade;
}

有关 Valo 主题中动画混合的更多文档，请参阅 https://vaadin.com/api/valo/#animation

中的文档

Vaadin animator fades in goes away on refresh