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

資訊專欄INFORMATION COLUMN

原生模態(tài)框,遮罩層

cloud / 3266人閱讀

摘要:哈哈哈哈中信營(yíng)業(yè)廳高堯三漢中門分店會(huì)員有效期取消確定哈哈哈哈中信營(yíng)業(yè)廳高堯三漢中門分店會(huì)員有效期取消確定

DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Documenttitle> <style> body { background-color: #000000; } ul, li { list-style: none; padding: 0; margin: 0; } .div1 { position: fixed; left: 0; right: 0; top: 100px; margin: 0 auto; width: 345px; height: 256px; background: #ffffff; border-radius: 5px; overflow: hidden; z-index: 100; } .line { width: 343px; border: 1px dashed #ebebeb; margin-top: 22px; } .q1 { max-width: 250px; height: 20px; font-size: 20px; font-family: PingFang-SC-Heavy; font-weight: bold; color: rgba(52, 52, 52, 1); line-height: 20px; margin-top: 30px; } .q2 { max-width: 250px; height: 19px; font-size: 19px; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(52, 52, 52, 1); line-height: 19px; margin-top: 9px; } .q3 { max-width: 250px; height: 19px; font-size: 19px; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(52, 52, 52, 1); margin-top: 10px; line-height: 19px; } .q4 { max-width: 250px; height: 15px; font-size: 16px; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(102, 102, 102, 1); margin-top: 12px; line-height: 15px; } li { margin: 0 auto; text-align: center; } .b1 { width: 113px; height: 41px; background: #b4b3b3; border-radius: 21px; border: 0; margin: 24px 0 0 34px; font-size: 16px; color: #ffffff; } .b2 { width: 113px; height: 41px; background: #cbaf7d; border-radius: 21px; border: 0; margin-left: 50px; font-size: 16px; color: #ffffff; } .shield { position: fixed; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; left: 0; top: 0; z-index: 90; } </style> head> <body> <div> <div class="div1"> <ul style="width:100%;"> <li class="q1">哈哈哈哈中信營(yíng)業(yè)廳li> <li class="q2">高堯三li> <li class="q3">漢中門分店li> <li class="q4">會(huì)員有效期:2020-10-10li> ul> <div class="line">div> <div> <button class="b1">取消button> <button class="b2">確定button> div> div> <div class="shield">div> div> body> html> DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Documenttitle> <style> body { background-color: #000000; } ul, li { list-style: none; padding: 0; margin: 0; } .div1 { position: fixed; top: 0; left: 0; width: 345px; height: 256px; background: #ffffff; border-radius: 5px; overflow: hidden; z-index: 100; } .line { width: 343px; border: 1px dashed #ebebeb; margin-top: 22px; } .q1 { max-width: 250px; height: 20px; font-size: 20px; font-family: PingFang-SC-Heavy; font-weight: bold; color: rgba(52, 52, 52, 1); line-height: 20px; margin-top: 30px; } .q2 { max-width: 250px; height: 19px; font-size: 19px; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(52, 52, 52, 1); line-height: 19px; margin-top: 9px; } .q3 { max-width: 250px; height: 19px; font-size: 19px; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(52, 52, 52, 1); margin-top: 10px; line-height: 19px; } .q4 { max-width: 250px; height: 15px; font-size: 16px; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(102, 102, 102, 1); margin-top: 12px; line-height: 15px; } li { margin: 0 auto; text-align: center; } .b1 { width: 113px; height: 41px; background: #b4b3b3; border-radius: 21px; border: 0; margin: 24px 0 0 34px; font-size: 16px; color: #ffffff; } .b2 { width: 113px; height: 41px; background: #cbaf7d; border-radius: 21px; border: 0; margin-left: 50px; font-size: 16px; color: #ffffff; } .shield { position: fixed; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; left: 0; top: 0; z-index: 90; } </style> head> <body> <div> <div class="div1"> <ul style="width:100%;"> <li class="q1">哈哈哈哈中信營(yíng)業(yè)廳li> <li class="q2">高堯三li> <li class="q3">漢中門分店li> <li class="q4">會(huì)員有效期:2020-10-10li> ul> <div class="line">div> <div> <button class="b1">取消button> <button class="b2">確定button> div> div> <div class="shield">div> div> body> html>

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/994.html

相關(guān)文章

  • 原生模態(tài),罩層

    摘要:哈哈哈哈中信營(yíng)業(yè)廳高堯三漢中門分店會(huì)員有效期取消確定哈哈哈哈中信營(yíng)業(yè)廳高堯三漢中門分店會(huì)員有效期取消確定meta charset=UTF-8 / meta name=viewport content=width=device-width, initial-scale=1.0 / meta http-equiv=X-UA-Compatible content=ie=edge / ...

    Alan 評(píng)論0 收藏0
  • 如何在angular.js中優(yōu)雅的使用ui.bootstrap的modal組件

    摘要:提供唯一的方法配置。即文件名,在同一個(gè)頁(yè)面有多個(gè)不同業(yè)務(wù)的模態(tài)框的情況下很方便點(diǎn)擊確認(rèn)按鈕執(zhí)行的代碼可以從中獲取和字段進(jìn)一步操作發(fā)起請(qǐng)求等點(diǎn)擊取消按鈕執(zhí)行的代碼 ui.bootstrap的modal組件可以很方便地實(shí)現(xiàn)頁(yè)面controller與模態(tài)框controller之間通信,特別是彈出的模態(tài)框中有比較復(fù)雜的表格信息需要用戶填寫(xiě),下面切入主題: 注冊(cè)全局模態(tài)框?qū)嵗腸ontrolle...

    Jrain 評(píng)論0 收藏0
  • 原生js寫(xiě)出一個(gè)彈+罩層的頁(yè)面,完成彈垂直居中頁(yè)面且點(diǎn)擊彈外任何區(qū)域去掉彈罩層的功能

    摘要:背景官網(wǎng)有個(gè)對(duì)話框組件如圖如果哪天不能用框架了不能用組件了只能用原生寫(xiě)頁(yè)面現(xiàn)在的我可能要一個(gè)頁(yè)面寫(xiě)一年目標(biāo)用原生完成這個(gè)頁(yè)面彈框處于垂直居中狀態(tài)且點(diǎn)擊彈框外任意區(qū)域關(guān)閉彈框?qū)懥撕芫煤芫脮r(shí)間就不說(shuō)了遇到的最難的問(wèn)題就是不知道怎么關(guān)閉彈框后面還 背景:Ant官網(wǎng)有個(gè)對(duì)話框Model組件.如圖: showImg(https://segmentfault.com/img/bVbwMCG?w=1...

    betacat 評(píng)論0 收藏0
  • 原生js寫(xiě)出一個(gè)彈+罩層的頁(yè)面,完成彈垂直居中頁(yè)面且點(diǎn)擊彈外任何區(qū)域去掉彈罩層的功能

    摘要:背景官網(wǎng)有個(gè)對(duì)話框組件如圖如果哪天不能用框架了不能用組件了只能用原生寫(xiě)頁(yè)面現(xiàn)在的我可能要一個(gè)頁(yè)面寫(xiě)一年目標(biāo)用原生完成這個(gè)頁(yè)面彈框處于垂直居中狀態(tài)且點(diǎn)擊彈框外任意區(qū)域關(guān)閉彈框?qū)懥撕芫煤芫脮r(shí)間就不說(shuō)了遇到的最難的問(wèn)題就是不知道怎么關(guān)閉彈框后面還 背景:Ant官網(wǎng)有個(gè)對(duì)話框Model組件.如圖: showImg(https://segmentfault.com/img/bVbwMCG?w=1...

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

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

0條評(píng)論

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