Framework7 - 彈出框 (Popover)

描述

為了管理臨時內容的顯示，可以使用彈出框元件。它將一直存在，直到您點選彈出框視窗外部或顯式地將其關閉。

建議不要在小螢幕（iPhone）上使用彈出框。您應該使用操作表 (Action sheet)或操作錶轉換為彈出框，這些將在下一章中討論。

彈出框佈局非常簡單，通常新增到<body>部分的末尾，如下所示：

<body>
   ....
   <div class = "popover">
      <!-- Popover's angle arrow -->
      <div class="popover-angle"></div>

      <!-- Popover's content -->
      <div class = "popover-inner">
         <!-- Any content of HTML here -->
      </div>
   </div>
</body>

彈出框高度可定製。您可以在其中放置任何元素，甚至包含帶有導航的另一個檢視。下表顯示了 Framework7 中使用的彈出框型別：

序號	型別和描述
1	開啟和關閉彈出框可以使用 HTML 和 JavaScript 來開啟和關閉彈出框。
2	動態彈出框可以使用相關的應用程式方法動態建立彈出框。
3	彈出框事件要檢測使用者如何與彈出框互動，可以使用彈出框事件。

framework7_overlays.htm

列印頁面

序號	型別和描述
1	開啟和關閉彈出框可以使用 HTML 和 JavaScript 來開啟和關閉彈出框。
2	動態彈出框可以使用相關的應用程式方法動態建立彈出框。
3	彈出框事件要檢測使用者如何與彈出框互動，可以使用彈出框事件。