Question

这是我对聚合物的第一次尝试，所以我从布局开始。我使用polymer-cli启动app-drawer-template样板，然后尝试布局标题（应包括导航和搜索）。

目前，app-drawer默认显示 How app-drawer currently shows

我希望app-drawer仅在移动（窄）视口大小中单击菜单图标时显示（打开/可见）。我怎样才能做到这一点？

Answer 1

您可以查看<app-draw-layout>的{{3}}媒体资源，并相应地隐藏<app-drawer>。

<app-drawer-layout narrow$={{isNarrow}}>
    <app-drawer hidden$="[[!isNarrow]]">

...

properties: {
    isNarrow: Boolean
}

有关更多提示，请参阅narrow。