懒人使用 Polymer 1.x 实现材料设计样式的方式是什么？

Question

在为基于表单的 Web 应用程序（或页面、组件等）设置样式时，如何使用尽可能少的 CSS、样式标签、样式类和样式属性来构建它？

我的理解是，paper-* 元素实现了一种自以为是的材料设计风格，可用于构建具有类似材料设计的开箱即用组件。

我正在尝试为我公司的员工构建一个内部应用程序（因此，只要它还不错，样式就不那么重要了）。它基本上是一堆表单页面，看起来像许多原型菜单驱动的网站（如the polymer docs pages）：

• 左侧导航菜单
• 右侧菜单选择的内容 - 主要是文本报告和表单
• 顶部的标题/徽标

但是，当我尝试从元素目录中复制一些内容（例如项目列表框）时，例如 paper-item demos，我无法仅通过复制 HTML 来匹配组件中的外观。演示 HTML 引用的类，我必须复制一堆 <style> 标记才能让它们工作。

感觉就像是重新发明轮子来复制经常重复的外观。

Answer 1

我不确定我是否理解您的问题。 paper-* 元素并不是用来构建组件的，它们是组件。如果你想使用它们，你必须全力以赴。如果您按预期使用它们，它们看起来就像在开箱即用的演示中一样。您不能只复制 HTML。获得材料设计外观的更传统方法是 Materialize 或 Google 自己的 MaterialDesignLite。