Framework7 - 覆蓋模態框

描述

模態框是一個小型視窗，它顯示來自獨立來源的內容，而無需離開父視窗。

Framework7 中提供了不同型別的模態框，如下表所示：

序號	模態框型別及描述
1	警告顯示警告模態框。
2	確認確認模態框用於確認顯示內容的某些操作。
3	提示提示模態框允許使用者執行某些操作。
4	登入和密碼此型別的模態框用於身份驗證。
5	巢狀模態框可以在一個模態框內使用另一個模態框。
6	預載入器模態框預載入器模態框定義後臺操作，並在該操作期間阻止使用者操作。
7	指示器指示器模態框為使用者操作指定小型指示活動，類似於預載入器模態框。

自定義模態框

下表顯示模態框引數列表：

序號	引數及描述	型別	預設值
1	標題 (title) 這是一個可選引數，定義帶有模態框標題的字串。	字串	-
2	文字 (text) 這是一個可選引數，定義帶有模態框文字的字串。	字串	-
3	文字字尾 (afterText) 這是一個可選引數，定義文字後的字串。	字串
4	按鈕 (buttons) 這是一個可選引數，包含一個按鈕陣列，每個按鈕都以按鈕引數作為物件指定。	陣列	-
5	垂直按鈕 (verticalButtons) 這是一個可選引數，透過將其設定為 true 來指定垂直按鈕。	布林值	false
6	點選事件 (onClick) 這是一個可選引數，當用戶點選模態框按鈕時執行回撥函式。	函式	-

下表列出了按鈕的引數：

序號	引數及描述	型別	預設值
1	文字 (text) 這是一個可選引數，定義帶有按鈕文字的字串。	字串	-
2	粗體 (bold) 這是一個可選引數，透過將其設定為 true 來使文字加粗。	布林值	false
3	關閉 (close) 這是一個可選引數，如果設定為 true，則單擊按鈕時將關閉模態框。	布林值	true
4	點選事件 (onClick) 這是一個可選引數，當用戶點選按鈕時執行回撥函式。	函式	-

模態框事件

下表顯示模態框事件列表：

序號	事件	目標及描述
1	開啟 (open)	模態框元素開啟動畫時，將觸發此事件。
2	已開啟 (opened)	模態框元素開啟動畫完成後，將觸發此事件。
3	關閉 (close)	模態框元素關閉動畫時，將觸發此事件。
4	已關閉 (closed)	模態框元素關閉動畫完成後，將觸發此事件。

framework7_overlays.htm

列印頁面

廣告

© . All rights reserved.