“core-header-panel”似乎不能开箱即用

2024-04-25

我正在尝试一些core聚合物元素,我在使用时遇到了麻烦core-header-panel in my demo http://enriquemorenotent.com/demos/webcomponents/core-header-panel/.

我认为工具栏是正确的,因为我设法做到了另一个演示 http://enriquemorenotent.com/demos/webcomponents/core-toolbar/它使用最少的 CSS 进行工作。但是我为 core-header-panel 找到的所有演示似乎都采用了组件外部的大部分布局配置(这似乎是组件的重点)。我在这里误解了什么吗?


今天最好的模式是使用聚合物布局属性。

<body fullbleed vertical layout>
  <core-header-panel flex>

vertical layout使主体成为一个(垂直)弹性盒子,并且flex属性上的core-header-panel将使它填满可用空间。fullbleed属性设置主体以适应视口。

一般来说,这是比使用更好的模式fit因为弹性盒更有弹性。您可以向正文添加不同的页眉或页脚,弹性面板将进行调整。

另外,使用layout容器和flexChildren 是一种您可以在应用程序的其他地方继续使用的模式。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

“core-header-panel”似乎不能开箱即用 的相关文章

随机推荐