index.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. body {
  9. background-color: rgb(192, 216, 240)
  10. }
  11. .box {
  12. width: 100%;
  13. }
  14. .login {
  15. position: absolute;
  16. top: 50%;
  17. left: 50%;
  18. transform: translate(-50%, -50%);
  19. width: 400px;
  20. height: 300px;
  21. border: 1px solid #ccc;
  22. text-align: center;
  23. border-radius: 8px 8px 8px 8px;
  24. background-color: #fff;
  25. box-shadow: 0px 1px 9px #eee;
  26. }
  27. .login-header {
  28. color: #888;
  29. font-size: 28px;
  30. line-height: 70px;
  31. }
  32. .login-footer {
  33. display: flex;
  34. justify-content: flex-end;
  35. margin-top: 30px;
  36. }
  37. .login-footer button {
  38. margin-right: 20px;
  39. }
  40. input {
  41. width: 300px;
  42. height: 20px;
  43. }
  44. form div:nth-child(1) {
  45. margin-top: 30px;
  46. }
  47. form div:nth-child(2) {
  48. margin-top: 30px;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="box">
  54. <div class="login">
  55. <div class="login-header">登 录</div>
  56. <div class="login-content">
  57. <form action="/admin/login/index" method="POST">
  58. <div>
  59. <input type="text" name="username" placeholder="登录账号">
  60. </div>
  61. <div>
  62. <input type="password" name="passwd" placeholder="登录密码">
  63. </div>
  64. <div class="login-footer">
  65. <button type="submit">提交</button>
  66. <button type="reset">取消</button>
  67. </div>
  68. </form>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. </html>