User_loin.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5. <meta charset="utf-8">
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="telephone=no" name="format-detection">
  10. <title>智慧消防</title>
  11. </head>
  12. <link rel="stylesheet" type="text/css" href="./css/style.css">
  13. <body>
  14. <!--头部-->
  15. <div class="header">智慧消防</div>
  16. <!--内容-->
  17. <div class="content">
  18. <form action="" >
  19. <div><label >手机号码</label><input type="text" name="phone" placeholder="请输入手机号码"></div>
  20. <div><label >密码</label><input type="text" name="password" placeholder="请输入密码"></div>
  21. <div><button>确定</button>
  22. <p style="margin-top: 10px;"><a style="font-size: 14px; color:#01A6DE;" href="User_register.html">新用户注册</a></p></div>
  23. </form>
  24. </div>
  25. <!--底部-->
  26. <div class="footer"></div>
  27. <div class="exits" id="exits" style="display: none;" display="none">
  28. <div class="exits-box">
  29. <div style="text-align: right;"><span style="padding: 5px;" onclick="exits()">
  30. <!-- <i class="fa fa-times"> </i> -->
  31. <img style="width: 15px;" src="__PUBLIC__/wxapp/images/jd_10.png" alt="">
  32. </span></div>
  33. <div class="exits-box-2">确认注销?</div>
  34. <div style=" padding: 15px;">
  35. <button class="button1">确定</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  36. <button class="button1" onclick="exits()">取消</button>
  37. </div>
  38. </div>
  39. </div>
  40. </body>
  41. <style type="text/css">
  42. .content > form > div > input{ border: 0px; font-size: 14px; outline:none; margin-left: 10px;}
  43. .content > form > div > input::-webkit-input-placeholder{ color:#DCDCDC; }
  44. .hqyzm{ background-color: #FF9C27; font-size: 12px; height: 28px; display: inline-block;
  45. line-height: 28px; color: #ffffff; width: 85px; text-align: center; float: right; border-radius: 4px;}
  46. .content div{ border-bottom: 1px solid #E5E5E5; width: 80%; margin-top: 40px; text-align: left; margin-left: 10%;}
  47. .content div:last-child{text-align: center; border: none;}
  48. .yzm{width: 100px;}
  49. .content > form > div > button{ width: 98%; height: 40px; background-color: #02A5DE; color: #ffffff; border: 0px; border-radius: 5px; }
  50. .content > form > div > label{width: 80px; font-weight: 100;}
  51. </style>
  52. </html>