資訊專欄INFORMATION COLUMN
摘要：提示語確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕
HTML
提示語
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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104003.html
摘要：提示語確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕 HTML 提示語 SCSS /*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height:...
摘要：提示語確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕 HTML 提示語 SCSS /*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height:...
摘要：組件結(jié)構(gòu)頭部內(nèi)容區(qū)域尾部操作按鈕模態(tài)框結(jié)構(gòu)分為三部分，分別為頭部內(nèi)部區(qū)域和操作區(qū)域，都提供了，可以根據(jù)需要定制。調(diào)用點擊確定按鈕的回調(diào)處理點擊取消按鈕的回調(diào)處理用創(chuàng)建一個索引就很方便拿到模態(tài)框組件內(nèi)部的方法了。 基本上每個項目都需要用到模態(tài)框組件，由于在最近的項目中，alert組件和confirm是兩套完全不一樣的設(shè)計，所以我將他們分成了兩個組件，本文主要討論的是confirm組件的實...
摘要：而當(dāng)用戶使用鍵盤操作，焦點發(fā)生變化后，當(dāng)前焦點在哪一項上，必須給出明確的視覺提示，否則極容易帶來困難，甚至誤操作?；剀囨I按下時，則會到相應(yīng)賬號，或者取消操作關(guān)閉彈出層。再來看看組件庫的組件中的確認(rèn)消息。 本文作者:文藺原文地址:http://www.wemlion.com/2016/a...本文由 @文藺 創(chuàng)作，轉(zhuǎn)載請保留此聲明。所有權(quán)利保留，請勿用于商業(yè)目的。 問題提出 需要說明的是...
閱讀 2134·2019-08-29 16:53
閱讀 2709·2019-08-29 16:07
閱讀 2052·2019-08-29 13:13
閱讀 3274·2019-08-26 13:57
閱讀 1340·2019-08-26 13:31
閱讀 2444·2019-08-26 13:22
閱讀 1231·2019-08-26 11:43
閱讀 2094·2019-08-23 17:14
