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



当涉及到基于表单的web应用程序(或页面,组件等)的样式时,我如何使用最少的CSS,样式标签,样式类和样式属性来构建它?

我的理解是,paper-*元素实现了一种固执己见的材料设计风格,可以用来构建具有类似材料设计的组件。

我正在尝试为我公司的员工构建一个内部应用程序(因此,只要它不坏,样式不是那么重要)。它基本上是一堆表单页面,看起来像许多典型的菜单驱动的网站(如聚合物文档页面):

  • 左侧导航菜单
  • 菜单选择右边的内容——文本报告和形式主要是
  • 页眉/logo在顶部

然而,当我试图从元素目录中复制一些东西(比如项目列表框)时,就像paper-item演示一样,我无法简单地通过复制HTML来匹配组件的外观。演示HTML引用的类,我不得不复制一堆<style>标签,以使他们的工作。

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

我不确定我是否理解你的问题。paper-*元素不是用来构建组件的,它们本身就是组件。如果你想使用它们,你就必须全力以赴。如果您按预期使用它们,它们看起来就像开箱即用的演示。你不能只是复制HTML。获得material-design-look的更传统的方法是Materialize或google自己的MaterialDesignLite。

相关内容

最新更新