Polymer 聚合物应用程序布局元素和类似纸张元素之间的澄清
我一直在使用聚合物团队提供的许多元素。我看过一些文档,其中显示了如何使用应用程序布局元素,还有一些文档显示了如何使用纸张元素实现相同的功能 例如,Polymer 聚合物应用程序布局元素和类似纸张元素之间的澄清,polymer,polymer-1.0,web-component,paper-elements,Polymer,Polymer 1.0,Web Component,Paper Elements,我一直在使用聚合物团队提供的许多元素。我看过一些文档,其中显示了如何使用应用程序布局元素,还有一些文档显示了如何使用纸张元素实现相同的功能 例如,纸盒面板与应用抽屉非常相似。纸张元素似乎有更多的配置选项,并允许多个纸盒面板元素相互嵌入,而不是灵活性较差的应用抽屉 <paper-drawer-panel> <div drawer> Drawer panel... </div> <div main> Main panel... <
纸盒面板
与应用抽屉
非常相似。纸张元素似乎有更多的配置选项,并允许多个纸盒面板
元素相互嵌入,而不是灵活性较差的应用抽屉
<paper-drawer-panel>
<div drawer> Drawer panel... </div>
<div main> Main panel... </div>
</paper-drawer-panel>
抽屉面板。。。
主面板。。。
vs
主面板。。。。
抽屉面板。。。
与类似但更灵活的纸质元素相比,是否有理由更喜欢应用程序布局
元素?我认为
元素是后来为了响应应用程序标准模板的请求而开发的。我怀疑其中一些只是为了更容易理解而改名
特别是我一直在使用
<app-header-layout>
<app-header
fixed
effects="waterfall">
<app-toolbar>
...
</app-toolbar>
</app-header>
... my main content
</app-header-layout>
...
... 我的主要内容
效果很好。实际上,您可以添加多个工具栏,其中一些效果允许在标题向上滚动时从一个工具栏淡入另一个工具栏(包括淡出的背景图像)
我的
包含各种内容,包括下拉菜单
我还发现这样更容易理解如何使延迟加载工作。事实上,我的内容只包含一个“会话管理器”元素和一个“页面”元素,后者只有在会话管理器成功验证用户(通过cookie或登录)后才被延迟加载。pages元素有一个嵌入式
和
和
来完成应用程序登录后的所有管理
<app-header-layout>
<app-header
fixed
effects="waterfall">
<app-toolbar>
...
</app-toolbar>
</app-header>
... my main content
</app-header-layout>