74 lines
2.9 KiB
HTML
74 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>登录</title>
|
|
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
.login-container {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.login-form {
|
|
width: 100%;
|
|
max-width: 420px;
|
|
padding: 15px;
|
|
margin: auto;
|
|
border-radius: 12px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="login-container">
|
|
<div class="login-form card shadow-sm">
|
|
<div class="card-body">
|
|
<h3 class="card-title text-center">后台登录</h3>
|
|
<form action="/login" method="POST">
|
|
{{ .csrfField }}
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text" id="username-addon">
|
|
<span data-feather="user"></span>
|
|
</span>
|
|
</div>
|
|
<input type="text" class="form-control" name="username" placeholder="用户名" aria-label="用户名"
|
|
aria-describedby="username-addon" required>
|
|
</div>
|
|
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text" id="password-addon">
|
|
<span data-feather="pocket"></span>
|
|
</span>
|
|
</div>
|
|
<input type="password" class="form-control" name="password" placeholder="密码" aria-label="密码"
|
|
aria-describedby="password-addon" required>
|
|
</div>
|
|
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text"> <span data-feather="image"></span></span>
|
|
</div>
|
|
<input type="text" class="form-control" id="code" name="code" placeholder="验证码" required>
|
|
<div class="input-group-append" style="padding-left: 4px">
|
|
<img src="/captcha" style="width: 96px;border: 1px solid #ced4da;border-radius: 4px;" alt="验证码" id="captcha-img">
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-block">登录</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap JS and dependencies -->
|
|
<script src="/static/js/jquery-3.3.1.min.js"></script>
|
|
<script src="/static/js/popper.min.js"></script>
|
|
<script src="/static/js/bootstrap.min.js"></script>
|
|
<script src="/static/js/feather-icons.js"></script>
|
|
<script src="/static/js/login.js"></script>
|
|
</body>
|
|
</html>
|