12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <!DOCTYPE html>
- <html lang="zh-cn">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- body {
- background-color: rgb(192, 216, 240)
- }
- .box {
- width: 100%;
- }
- .login {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- width: 400px;
- height: 300px;
- border: 1px solid #ccc;
- text-align: center;
- border-radius: 8px 8px 8px 8px;
- background-color: #fff;
- box-shadow: 0px 1px 9px #eee;
- }
- .login-header {
- color: #888;
- font-size: 28px;
- line-height: 70px;
- }
- .login-footer {
- display: flex;
- justify-content: flex-end;
- margin-top: 30px;
- }
- .login-footer button {
- margin-right: 20px;
- }
- input {
- width: 300px;
- height: 20px;
- }
- form div:nth-child(1) {
- margin-top: 30px;
- }
- form div:nth-child(2) {
- margin-top: 30px;
- }
- </style>
- </head>
- <body>
- <div class="box">
- <div class="login">
- <div class="login-header">登 录</div>
- <div class="login-content">
- <form action="/admin/login/index" method="POST">
- <div>
- <input type="text" name="username" placeholder="登录账号">
- </div>
- <div>
- <input type="password" name="passwd" placeholder="登录密码">
- </div>
- <div class="login-footer">
- <button type="submit">提交</button>
- <button type="reset">取消</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </body>
- </html>
|