angular1 弹框

–>

1.
2.样式
#one{
background:rgba(0,0,0,0.3);
width: 100%;
height: 100%;
display: none;
position: fixed;
}
.gun{
width:80%;
margin-left:10%;
position: relative;
top: 40%;
text-align: center;
padding-top:20px;
background-color: white;
border-radius: 4px;
}
.gun-p{
font-size: 17px;
color: #030303;
}
.picture{
position: absolute;
top:25px;
right: 20px;
}
.p-select{
color: #AEAEAE;
font-size: 12px;
}
.gun-btn{
border: 1px solid #8F8E94;
width: 32%;
color: #8F8E94;
background-color: white;
margin: 19px 19px 27px 0;
border-radius: 4px;
line-height: 31px;
}
.gun-btn:hover{
background:rgba(46,132,212,0.1);
border:1px solid rgba(46,132,212,1);
color:rgba(46,132,212,1);
}

3. document.getElementById(‘one’).style.display=“block”;

4.效果如下

本文来源 互联网收集，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源,如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。