摘要:提示語(yǔ)確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕
HTML
提示語(yǔ)
SCSS
/*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); overflow: hidden; display: none; .am-wrapper{ width: 90%; margin: 200px auto 0; max-width: 400px; padding: 20px; box-sizing: border-box; background-color: #fff; border: 1px solid #ffffd; border-radius: 4px; box-shadow: 0 0 5px #ffffd; .am-mes{ margin: 10px 0 30px; } .am-btn{ text-align: right; input.btn{ border: none; padding: 5px 10px; background-color: #b40605; color: #fff; border-radius: 4px; outline: none; &.am-cancel-btn{ background-color: #ffffd; } } } } }
js
//蒙層確認(rèn)按鈕按鈕 $(".am-confirm-btn").click(function(){ //蒙層關(guān)閉以及做相應(yīng)提交 $(".alertmes").hide() }) //蒙層取消按鈕按鈕 $(".am-cancel-btn").click(function(){ $(".alertmes").hide() })
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/54955.html
摘要:提示語(yǔ)確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕 HTML 提示語(yǔ) SCSS /*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height:...
摘要:提示語(yǔ)確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕 HTML 提示語(yǔ) SCSS /*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height:...
摘要:組件結(jié)構(gòu)頭部?jī)?nèi)容區(qū)域尾部操作按鈕模態(tài)框結(jié)構(gòu)分為三部分,分別為頭部?jī)?nèi)部區(qū)域和操作區(qū)域,都提供了,可以根據(jù)需要定制。調(diào)用點(diǎn)擊確定按鈕的回調(diào)處理點(diǎn)擊取消按鈕的回調(diào)處理用創(chuàng)建一個(gè)索引就很方便拿到模態(tài)框組件內(nèi)部的方法了。 基本上每個(gè)項(xiàng)目都需要用到模態(tài)框組件,由于在最近的項(xiàng)目中,alert組件和confirm是兩套完全不一樣的設(shè)計(jì),所以我將他們分成了兩個(gè)組件,本文主要討論的是confirm組件的實(shí)...
摘要:而當(dāng)用戶(hù)使用鍵盤(pán)操作,焦點(diǎn)發(fā)生變化后,當(dāng)前焦點(diǎn)在哪一項(xiàng)上,必須給出明確的視覺(jué)提示,否則極容易帶來(lái)困難,甚至誤操作。回車(chē)鍵按下時(shí),則會(huì)到相應(yīng)賬號(hào),或者取消操作關(guān)閉彈出層。再來(lái)看看組件庫(kù)的組件中的確認(rèn)消息。 本文作者:文藺原文地址:http://www.wemlion.com/2016/a...本文由 @文藺 創(chuàng)作,轉(zhuǎn)載請(qǐng)保留此聲明。所有權(quán)利保留,請(qǐng)勿用于商業(yè)目的。 問(wèn)題提出 需要說(shuō)明的是...
閱讀 3794·2021-11-17 09:33
閱讀 2011·2021-10-26 09:51
閱讀 1527·2021-09-29 09:44
閱讀 1678·2019-08-30 15:55
閱讀 1447·2019-08-30 15:52
閱讀 2325·2019-08-30 15:43
閱讀 3432·2019-08-29 17:00
閱讀 2302·2019-08-29 16:23