我正在尝试一些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
容器和flex
Children 是一种您可以在应用程序的其他地方继续使用的模式。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)