在Flow中动态加载样式表

解释如何动态加载样式表。

样式表可以根据服务器端的应用逻辑动态加载。例如，根据当前用户加载特定样式，或者允许用户手动切换不同的样式时，这将非常有用。

这种功能是通过对 Page 类调用 addStyleSheet 方法实现的，该方法接收一个URL参数。URL可以指向位于应用程序自身资源文件夹 src/main/resources/META-INF/resources 中提供的样式表，也可以指向外部URL。

Source code

Java/* 本地样式表（由应用程序提供） */
UI.getCurrent().getPage().addStyleSheet("dynamic-styles.css");
/* 从外部URL加载样式表 */
UI.getCurrent().getPage().addStyleSheet("http://example.com/styles.css");

注意，以这种方式加载的文件将应用于当前会话的整个UI，并在会话结束前一直保持有效。

Note	动态加载的样式表不应该被放置在主题文件夹中。位于应用程序主题文件夹内的样式表在构建过程中会被打包在一起，因此不能保证在运行时作为静态资源可用。建议将其放在资源文件夹 `src/main/resources/META-INF/resources` 中。

6c72d9f9-16d5-4ab5-add8-3c481c3103f8

Docs

Docs

在Flow中动态加载样式表