自定義dialog的常見提示框
雖然可以使用JavaScript中的alert和confirm函數構建警告彈框和確認彈框,但在實際使用中可定製化的內容較少,所以在WeUI中可以使用自定義的Dialog彈出層,方便更多的需求開發。
下面通過一個小實例來展示Dialog的具體用法。用戶在頁面上單擊「確認框」按鈕後彈出選擇確認框。用戶再次單擊選擇確認框上的「警告框」按鈕後彈出警告框Dialog。其中用戶單擊兩個Dialog的「取消」按鈕都可以隱藏任意的彈出層。
首先在頁面上定義一個按鈕和兩個不同樣式的Dialog,其中兩個Dialog默認為隱藏狀態。核心代碼如下:
其次需要編寫JavaScript腳本,為頁面中的不同按鈕綁定click事件,用來控制兩個Dialog的彈出框顯示和關閉隱藏,核心代碼如下:


※微信小程序分享和項目上線設計用法
※PHP賦值運算符的用法
※企業用戶表單登錄註冊微信小程序設計開發
※微信商城開發設計商品管理詳情介紹
※PHP標量數據類型用法和使用說明
TAG:億仁 |
※iview table表格的自定義樣式
※在 Linux 上自定義 bash 命令提示符
※Android使用Canvas和Path自定義繪製動畫
※pixhawk 自定義uart的應用
※自定義損失函數Gradient Boosting
※Facebook更新Spaces,開放虛擬形象自定義
※Substratum主題不能玩了!Android P刪除自定義疊加層
※Google 開放第三方自定義 Google Assistant 語音指令
※TensorFlow結構分析及自定義Op
※BeatMods可以修復《Beat Saber》自定義歌曲和Mods
※自定義fastjson解析+熱部署
※自定義Android註解Part2:代碼自動生成
※validate表單驗證及自定義方法
※Windows Terminal 上架微軟商店,更多自定義功能來襲
※Facebook如何創建自定義受眾?Facebook自定義受眾創建指南(附視頻)
※PowerBI自定義圖表:Bullet Chart子彈圖
※新版Office官方Demo流出:Ribbon可自定義 支持摺疊
※自定義Ubuntu/Windows雙系統引導菜單主題
※iPhone XS Max 雙卡還能這麼玩:自定義 emjio 表情標籤
※Django自定義管理器