Polymer 1.0中的core-scaffold元素

时间:2015-07-30 09:35:59

标签: html polymer

核心支架元素在聚合物1.0中消失了吗? 我期待找到一个可以做同样的Iron元素,但是对文档的一瞥证明我错了。 这个元素对于快速设置布局非常有用,还有其他选择吗?

2 个答案:

答案 0 :(得分:3)

在1.0中,我们使用了<paper-drawer-panel><paper-toolbar><paper-header-panel><paper-toolbar>的组合。

1.0 Polymer Starter KitGithub version)会为你做所有的脚手架(或者至少让你开始)。

这样做非常简单。

只需在您的终端安装npmyeoman即可。然后在命令行中,点击:

$ mkdir myproject
$ cd myproject
$ yo polymer

然后给它几分钟的时间来运行,它可以很好地支撑你的一切。如果你想制作一个自定义元素,只需:

$ yo polymer:seed

你已经完成了。

奖金更新

最近,Polymer团队的Rob Dodson发布了一个关于如何使用Polymer实现“端到端”项目的精彩视频! Check it out here! https://www.youtube.com/watch?v=1f_Tj_JnStA

答案 1 :(得分:1)

正如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>

只要确保正确设置进口,就应该好好去。