2016-08-01 7 views
1

これは私の最初のポリマーの味で、レイアウトから始まっています。 polymer-cliを使用してapp-drawer-templateボイラープレートを開始した後、ヘッダーのレイアウトを試しています(ナビゲーションと検索を含める必要があります)。Polymer 1.6のアイコンメニューでのみアプリケーションドロワーを開きますか?

現在、デフォルトでapp-drawerが表示されています。
How app-drawer currently shows

メニューアイコンは、モバイル(狭い)ビューポートのサイズにクリックされたとき、私は(オープン/可視)のみのショーへapp-drawerを望んでいました。どうすればこれを達成できますか?

+0

デスクトップビューポートのサイズに表示されず、モバイルデバイスのアイコンボタンで開く引き出しを使用したいのですか? – Alan

+0

正確には、私が望む動作です。 – chikaodili

+0

[ショップケーススタディコード](https://www.polymer-project.org/1.0/toolbox/case-study)を確認したい場合は、携帯端末用の引き出しとタブベースのナビゲーションを使用しますデスクトップ – Alan

答えて

0

<app-draw-layout>narrowプロパティを確認し、それに応じて<app-drawer>を非表示にすることができます。

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

...

properties: { 
    isNarrow: Boolean 
} 

より多くのアイデアのためのhttps://www.polymer-project.org/1.0/toolbox/app-layoutを参照してください。

+0

リファレンスリンクは実際に私の問題を解決しました。ありがとう – chikaodili

関連する問題