【问题标题】:Is it possible to use w3.css with Vaadin?是否可以将 w3.css 与 Vaadin 一起使用?
【发布时间】:2021-05-23 12:17:24
【问题描述】:

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

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

【问题讨论】:

  • 没有。还有其他方法可以使用 vaadin 构建响应式布局/应用程序

标签: spring-boot vaadin vaadin8 w3.css


【解决方案1】:

视情况而定™

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

然而,如果您只是想在应用程序的某些部分使用样式(比如说,您想要一个精美的起始页或添加卡片等),那么您可以添加 其他 CSS 并将它们一起使用。 Vaadin/Valo 很好地将它们的样式与页面的其余部分以及它们的层次结构隔离开来(主题名称是所有 Valo 规则的前缀)。然而,如果这两个主题一起看起来很棒是另一回事,但 Valo 本身允许在 SASS 中放入变量进行相当多的调整。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-01-04
    • 1970-01-01
    • 2021-11-12
    • 2016-04-01
    • 2011-01-20
    • 2018-08-11
    • 2021-08-05
    • 2019-03-18
    相关资源
    最近更新 更多