【问题标题】:How to get Vaadin Valo Facebook Theme如何获得 Vaadin Valo Facebook 主题
【发布时间】:2019-01-08 18:17:30
【问题描述】:

所以,我是 Vaadin 的新手,但我有兴趣使用他们的演示中显示的“Facebook”主题:https://demo.vaadin.com/valo-theme/#!buttons-and-links(然后选择右上角的“Facebook”)。但是,当下载最新的 Vaadin 12 系统时,我不知道如何获得“Facebook”它们。该文档似乎仅暗示“Light”和“Material”可用....如果我确定这是我的应用程序的“最佳”主题,我如何获得 Facebook 主题?

【问题讨论】:

    标签: vaadin10


    【解决方案1】:

    您链接的测试应用程序 (https://demo.vaadin.com/valo-theme/#!buttons-and-links) 演示了 Vaadin 7 和 8 中 Valo 主题的功能。因此这并不直接适用于 Vaadin 10+,例如Vaadin 12。在 Vaadin 12 中有一个名为 Lumo 的新主题系统。正如您所注意到的,它有两个基本变体。 Vaadin 8 的“facebook”变体是通过设置几个 Valo 的内部 SASS 变量来实现的(参见:https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-facebook/_variables.scss

    在 Lumo 主题系统中,您可以使用 CSS 自定义属性来实现类似的效果。您可以在此处找到有关使用的自定义属性的一些信息:https://cdn.vaadin.com/vaadin-lumo-styles/1.3.3/demo/customization.html 因此,通过以类似的方式设置选定的属性,您很可能会获得类似的效果。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-06
      • 1970-01-01
      • 1970-01-01
      • 2016-12-26
      • 1970-01-01
      相关资源
      最近更新 更多