Framework7-サイドパネル

説明

side panel_は、画面の左側または右側に移動してコンテンツを表示します。 Framework7では、アプリに最大2つのパネル（右側パネルと左側パネル）を含めることができます。あなたは <body> _の先頭にパネルを追加する必要があり、それから次のリストされたクラスを適用することでオープニング効果を選択します-

panel-reveal -これにより、アプリのコンテンツ全体が移動します。
panel-cover -これにより、パネルがアプリのコンテンツにオーバーレイされます。

たとえば、次のコードは上記のクラスを使用する方法を示しています-

<body>
   <!-- First add Panel's overlay which will overlays app while panel is opened -->
   <div class = "panel-overlay"></div>

   <!-- Left panel -->
   <div class = "panel panel-left panel-cover">
      panel's content
   </div>

   <!-- Right panel -->
   <div class = "panel panel-right panel-reveal">
      panel's content
   </div>

</body>

次の表は、Framework77でサポートされているパネルタイプを示しています-

S.No	Type & Description
1	Open and Close Panels パネルとエフェクトを追加したら、パネルを_open_および_close_する機能を追加する必要があります。
2	Panel Events ユーザーがパネルと対話する方法を検出するには、パネルイベントを使用できます。
3	Open Panels With Swipe Framework7は、_swipeジェスチャー_でパネルを開く機能を提供します。
4	Panel is Opened? with-panel [position]-[effect]* ルールを使用して、パネルが開いているかどうかを判断できます。

Framework7-side-panels

Framework7-サイドパネル

説明