【问题标题】:Polymer 2 migration issues聚合物 2 迁移问题
【发布时间】:2017-06-25 08:21:50
【问题描述】:

最近尝试将 Polymer1 应用程序迁移到 Polymer2,但我真的很难让东西正常工作。以下是我在尝试时注意到的一些事情:

  • 对于聚合物 2,我真的必须亲自挑选每个纸/铁元素吗?我以前只是安装纸元素之类的,这是一种简单地获取一个类别中的所有组件的便捷方法,是否有类似的方法来获取聚合物 2 的所有纸元素?
  • paper-toolbar 的 Api 指定了一个让内容居中的 justify 属性,但这在以下情况下似乎不起作用:

```

<paper-toolbar class="tall" justify="center" bottom-justify="center">
  <div slot="top" class="title">Top Title</div>
  <div slot="middle" class="title">Middle Title</div>
  <div slot="bottom" class="title">Bottom Title</div>
</paper-toolbar>

```

  • 身体上的 fullbleed 类不再起作用。我已经包含了 iron-layout-classes 和 iron-layout 文件,但是这些文件没有任何作用:(

我错过了什么吗?

【问题讨论】:

    标签: polymer polymer-2.x


    【解决方案1】:

    是的你必须挑选每一个纸/铁元素。

    元素有依赖关系,你只需要安装其中的几个就可以拥有大量的聚合物元素,我看不出下载一组元素的好处,因为无论如何你都不会使用它们。

    middleJustifybottomJustify 在您的情况下不起作用的原因是因为您使用的是class="title"。工具栏会将插槽title 变成一个弹性元素,这意味着该元素将在其容器的可用空间中尽可能向右伸展。因为标题占用了所有可用空间来证明它居中只会失败(试图将所有包含在其容器中的东西居中并且它不会移动)。 如果您想证明中心是合理的,请尝试:

    <paper-toolbar class="tall" bottom-justify="center">
      <div slot="top" class="title">Top Title</div>
      <div slot="middle" class="title">Middle Title</div>
      <div slot="bottom">Bottom Title</div> <!-- remove the class title, not recommended for a title -->
    </paper-toolbar>
    

    <paper-toolbar class="tall" justify="center" bottom-justify="center">
      <div slot="top" class="title">Top Title</div>
      <div slot="middle" class="title">Middle Title</div>
      <div slot="bottom" class="title" style="text-align:center;">Bottom Title</div>
    </paper-toolbar>
    

    【讨论】:

    • 嗯,我真的很喜欢bower install paper-elements 选项,只需一个命令即可获取所有纸张元素,并获取大部分元素和依赖项以进行开发。那真的很方便。在分发之前,硫化会处理依赖关系的 treeshaking。但是,如果它不再可用,那就太糟糕了。就工具栏而言,谢谢,完全有道理。我怎么能错过:-)
    • 仍然给我留下了&lt;body class="fullbleed"&gt;,仍然没有得到那个工作......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-06
    • 2023-03-22
    • 2018-02-20
    相关资源
    最近更新 更多