#bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#333; } * { margin:0; padding:0; box-sizing:border-box; } a { text-decoration:none; } .login-header { margin:0 auto; text-align:center; } #link { color:#000; line-height:40px; font-size:24px; } .login { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); margin:50px auto; width:500px; height:200px; box-shadow:0px 0px 20px #fff; background-color:#fff; } .login-title { text-align:center; margin-bottom:30px; padding-top:10px; } .login-title a { position:absolute; top:-15px; right:-15px; color:#000; font-size:10px; width:30px; height:30px; border-radius:15px; text-align:center; line-height:30px; box-shadow:0px 0px 20px #fff; background-color:#fff; } .login-input { height:40px; line-height:40px; margin-bottom:20px; } .login-input label { display:inline-block; margin-left:20px; height:40px; width:70px; text-align:right; font-size:14px; } .login-input input { width:300px; height:40px; }
更新时间:2021-12-03 00:57:28
这是通过原生代码,不需要借助外部插件,就可以实现和微信登录弹窗一样可以通过鼠标拖动的盒子