java - 将CSS导入样式/主题

原文 标签 java css vaadin material-design-lite

我正在寻找将Polymer Elements插件替换为Material Designs Lite(MDL)css / js库,以便可以为Vaadin设计具有更多本机组件的布局。

我发现访问Polymer Elements的内部节点是一个巨大的挑战,例如,Paper-Card具有用于卡片内容,卡片动作等的内部div。设置卡片的内容或动作可能很困难。使用原生的Vaadin组件,因为它们使用getRoot()和appendChild()与html的树结构更加紧密地建立在一起,我不能只使用addComponent(new Card()),更不用说设计和布局可能很难协调。因此,我宁愿对样式和组件使用统一的标准,也不必担心是否要使用Polymer vs Vaadin组件。

所以这个想法是,如果我替换为MDL,那么我应该能够将Material样式应用于Vaadin UI对象,而无需创建Elements和导入Polymer html组件的开销。

但是,似乎在导入所需的CSS时遇到了问题。我已将JavaScript库添加到我的UI类,并确认它已包含在Chrome中的开发工具中。但是样式无法应用。将css导入styles.scss是否存在问题?

styles.scss

@import "https://code.getmdl.io/1.1.2/material.indigo-pink.min.css"
@import "../valo.css"
....


还是有另一种方法可以实现我与Vaadin一起使用Materials design的最终目标,并且比上述方法更简单易用?

最佳答案

弄清楚了。需要将material.css重命名以使用scss文件类型。 (material.css-> material.scss)然后正确导入。

相关文章:

java - Vaadin谷歌描述

javascript - 限制段落字符的有效方法(垂直文本溢出)

javascript - HTML5文本框在画布上的位置

css - 来自星号/身体的颜色的特异性/遗传?

java - vaadin,尝试将项目添加到sqlContainer时获取空指针

java - 如何使用鼠标拖动事件在Java Applet上绘制矩形并使其停留

java - 什么是NullPointerException,我该如何解决?

java - 在Java中将字符串转换为日期时出错

java - 如何在URL连接字符串中定义用户名和密码?

java - 为什么Vaadin ClickListener不在首次点击时触发?