国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

自定義confirm提示框

CoyPan / 2036人閱讀

摘要：提示語(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

相關(guān)文章

  • 自定義confirm提示框

    摘要：提示語(yǔ)確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕 HTML 提示語(yǔ) SCSS /*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height:...

    worldligang 評(píng)論0 收藏0

  • 自定義confirm提示框

    摘要：提示語(yǔ)確定取消蒙層確認(rèn)按鈕按鈕蒙層關(guān)閉以及做相應(yīng)提交蒙層取消按鈕按鈕 HTML 提示語(yǔ) SCSS /*alertmes*/ .alertmes{ position: fixed; top: 0; right: 0; width: 100%; height:...

    BaronZhang 評(píng)論0 收藏0

  • 用vue實(shí)現(xiàn)模態(tài)框組件

    摘要：組件結(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í)...

    mrcode 評(píng)論0 收藏0

  • 潛在的惡意：前端彈窗類(lèi)組件的鍵盤(pán)操作

    摘要：而當(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ō)明的是...

    tinylcy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<