Question

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

我是否真的需要手工挑选聚合物2的每个纸/铁元素？我以前只是安装纸质元素等，这是一种方便的方法来简单地获取一个类别中的所有组件，是否有类似的方法来获得聚合物2的所有纸张元素？
纸质工具栏的Api指定了一个以内容为中心的对齐属性，但在下面的情况下似乎不起作用：

```

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

```

身体上的满级课程不再有效。我已经包含了铁布局类和铁布局文件，但这些没有任何影响：（

我错过了什么吗？

Answer 1

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

元素有依赖关系，你只需安装其中几个就可以拥有大量的聚合物元素，但是当你不管它们时，我看不到下载一包元素的优势。

middleJustify或bottomJustify在您的情况下不起作用的原因是因为您使用的是class="title"。工具栏会将插槽title转换为flex元素，这意味着元素将尽可能在其容器的可用空间中向右伸展。因为标题占据了所有可用的空间，所以它的中心就是失败（试图将一些全部包含在容器中的东西放在中心，它不会移动）。如果你想为中心辩护，请尝试：

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

聚合物2迁移问题

1 个答案: