可以在 Vaadin 中使用 w3.css 吗?

Is it possible to use w3.css with Vaadin?

我刚刚了解了 vaadin,我正在 youtube 上观看有关 CRUD TODO 列表的教程。 Vaadin 使用 Valo 主题进行 css 渲染,我发现它很棒,但我想知道是否可以在 vaadin vue 代码中使用 w3.css 框架?

我尝试谷歌搜索但没有答案。

这取决于™

如果你问:可以只是用 W3.css 替换 Valo 答案很可能是否定的,至少盒子外面。这样做的原因是,Vaadin 客户端代码发出您在浏览器中看到的 HTML 代码,并且所有 styleclass 标记都在它们的末端定义。因此,Vaadin 的任何主题都必须为该确切模式提供样式规则;所以你必须找到一种适应的方法。或者你必须把 addStyleName 放在你的整个代码中(如果它在你的 CSS 框架中是 btn,它在 Vaadin 中是 v-button 并且嵌套元素可能不同等)。

然而,如果您只想在应用程序的某些部分使用样式(比方说,您想要一个漂亮的起始页或添加 卡片 等),那么您可以添加另一个CSS并一起使用。 Vaadin/Valo 在将样式与页面其余部分以及层次结构(主题名称是所有 Valo 规则的前缀)隔离方面做得很好。然而,如果这两个主题一起看起来很棒是另一回事,但 Valo 本身允许通过 SASS.

中的变量进行相当多的调整。