Framework7 - 覆蓋層彈出視窗



描述

彈出視窗是一個彈出框,當用戶點選使用popup類別的元素時,會顯示內容。

彈出視窗的大小在不同的裝置上有所不同。在手機上,它將全屏顯示,而在平板電腦上,它將以 630px 的寬度和高度顯示。您可以新增tablet-fullscreen類,以便在平板電腦上全屏顯示。

您可以透過以下表格中指定的方式以兩種方式開啟和關閉彈出視窗:

序號 型別
1 來自 HTML

您可以使用類和資料屬性開啟和關閉彈出視窗。

2 使用 JavaScript

您可以使用 JavaScript 程式碼開啟和關閉彈出視窗。

彈出視窗事件

序號 事件 目標 & 描述
1 open

彈出視窗元素

當您開啟動畫時,此事件將被觸發。

2 opened

彈出視窗元素

當動畫開啟完成時,此事件將被觸發。

3 close

彈出視窗元素

當您關閉動畫時,此事件將被觸發。

4 closed

彈出視窗元素

當動畫關閉完成時,此事件將被觸發。

您還可以使用其 HTML 到 App 方法建立動態彈出視窗。這裡有一個示例

framework7_overlays.htm
廣告

© . All rights reserved.