如何禁用Vaadin加载线（页面顶部）

Question

标准Vaadin Valo主题，我想。

有时，当应用程序处理信息和/或加载新页面时，会出现页面顶部的蓝线。必须大约4px宽。如果加载时间太长，则线宽增加，甚至开始发光（蓝色到白色和向前）。

此负载指示器分散了用户的注意力，因而不需要。

如何完全在视觉上禁用此负载指示器？我会采取任何解决方案 - 即使是CSS黑客（如果适用）也可以。

Answer 1

您可以使用以下css：

  .v-loading-indicator {
    visibility: hidden;
  }

如果您使用的是SCSS主题（您提到过Valo），您可以将它放在您的VAADIN / themes / mytheme / mytheme.scss文件中，作为主题的一部分：

@mixin mytheme {
  @include valo;

  // Insert here
  .v-loading-indicator {
    visibility: hidden;
  }
}

Answer 2

一个简单的解决方案是更改加载指示器的时间，因为这可以用Java完成。延迟是以毫秒为单位设置的，如果您将第一个延迟时间设置为3000，则在3秒钟之前不会显示加载指示器。

UI.getCurrent().getLoadingIndicatorConfiguration().setFirstDelay(3000);
UI.getCurrent().getLoadingIndicatorConfiguration().setSecondDelay(4000);
UI.getCurrent().getLoadingIndicatorConfiguration().setThirdDelay(100000);

您只需为每个UI执行一次此操作。