Polymer 1.0 中的核心支架元素

Question

聚合物 1.0 中的核心-支架元素去哪儿了？我原以为会找到一个能做同样事情的 Iron 元素，但一瞥文档就证明我错了。这个元素对于快速设置布局非常有用，还有其他选择吗？

Answer 1

在 1.0 中，我们使用 <paper-drawer-panel>、<paper-toolbar>、<paper-header-panel> 和 <paper-toolbar>.

的组合

在 1.0 中 Polymer Starter Kit (Github version) 会为你做所有的脚手架（或者至少让你开始）。

做起来超级简单。

只需在您的终端安装 npm 和 yeoman。然后在您的命令行中，只需点击：

$ mkdir myproject
$ cd myproject
$ yo polymer

然后给它几分钟运行，它会为您很好地搭建好所有内容。如果你想制作自定义元素，只需执行：

$ yo polymer:seed

一切就绪。

奖金更新

最近，Polymer 团队的 Rob Dodson 发布了一段精彩的视频，介绍如何使用 Polymer 开展项目 "end-to-end"！ Check it out here! https://www.youtube.com/watch?v=1f_Tj_JnStA

Answer 2

正如 Mowzer 所说，您可以使用 Polymer 1.0 中的纸张元素重新创建核心支架元素。以下代码段应该创建与您正在寻找的内容非常相似的内容：

<paper-drawer-panel>
  <paper-header-panel drawer>
    <paper-toolbar>
      <div>Application</div>
    </paper-toolbar>
    <div> Drawer content...</div>
  </paper-header-panel>
  <paper-header-panel main>
    <paper-toolbar>
      <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
        <div>Title</div>
    </paper-toolbar>
    <div> Main content...</div>
  </paper-header-panel>
</paper-drawer-panel>

只要确保正确设置了导入，就可以开始了。

Polymer 1.0 中的核心支架元素

core-scaffold element in Polymer 1.0

html

polymer

奖金更新