- Framework7 教程
- Framework7 - 首頁
- Framework7 - 概述
- Framework7 - 環境配置
- Framework7 元件
- Framework7 - 佈局
- Framework7 - 導航欄
- Framework7 - 工具欄
- Framework7 - 搜尋欄
- Framework7 - 狀態列
- Framework7 - 側邊欄
- Framework7 - 內容塊
- Framework7 - 網格佈局
- Framework7 - 覆蓋層
- Framework7 - 預載入器
- Framework7 - 進度條
- Framework7 - 列表檢視
- Framework7 - 手風琴
- Framework7 - 卡片
- Framework7 - 晶片
- Framework7 - 按鈕
- Framework7 - 操作按鈕
- Framework7 - 表單
- Framework7 - 標籤頁
- Framework7 - Swiper 滑塊
- Framework7 - 圖片瀏覽器
- Framework7 - 自動完成
- Framework7 - 選擇器
- Framework7 - 日曆
- Framework7 - 重新整理
- Framework7 - 無限滾動
- Framework7 - 訊息
- Framework7 - 訊息欄
- Framework7 - 通知
- Framework7 - 懶載入
- Framework7 樣式
- Framework7 - 顏色主題
- Framework7 - 分割線
- Framework7 模板
- Framework7 - 模板概述
- Framework7 - 自動編譯
- Framework7 - Template7 頁面
- Framework7 快速點選
- Framework7 - 活動狀態
- Framework7 - 長按事件
- Framework7 - 點選漣漪效果
- Framework7 有用資源
- Framework7 - 快速指南
- Framework7 - 有用資源
- Framework7 - 討論
Framework7 - 覆蓋式登入螢幕
描述
模態框是一個小視窗，它顯示來自獨立來源的內容，而無需離開父視窗。
如以下表格所示，在 Framework7 中開啟和關閉登入螢幕有兩種方法：
| 序號 | 型別和描述 |
|---|---|
| 1 | 從HTML
您可以使用 Framework7 類來開啟和關閉登入螢幕。 |
| 2 | 使用JavaScript
您可以使用 JavaScript 應用方法來開啟和關閉登入螢幕。 |
登入螢幕事件
下表顯示了模態事件列表：
| 序號 | 事件 | 目標和描述 |
|---|---|---|
| 1 | open | 登入螢幕元素 當您開啟動畫時，將觸發此事件。 |
| 2 | opened | 登入螢幕元素 當動畫開啟完成時，將觸發此事件。 |
| 3 | close | 登入螢幕元素 當您關閉動畫時，將觸發此事件。 |
| 4 | closed | 登入螢幕元素 當動畫關閉完成時，將觸發此事件。 |
您可以透過以下表格中指定的方式建立登入螢幕：
| 序號 | 型別和描述 |
|---|---|
| 1 | 應用啟動時顯示登入螢幕
您可以使用 `modal-in` 類在應用程式的第一個螢幕上建立登入螢幕。 |
| 2 | 嵌入式登入螢幕
要嵌入登入螢幕，您可以將登入螢幕插入頁面。 |
framework7_overlays.htm
廣告