62 lines
3.0 KiB
HTML
62 lines
3.0 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">
|
|
<link rel="shortcut icon" href="/static/img/favicon.ico">
|
|
<title>后台登录</title>
|
|
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="/static/css/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="/static/css/sweetalert.css" rel="stylesheet">
|
|
<script src="/static/js/jquery-3.3.1.min.js"></script>
|
|
<script src="/static/js/bootstrap.min.js"></script>
|
|
<!-- <script src="/static/js/feather-icons.js"></script>-->
|
|
<script src="/static/js/sweetalert.min.js"></script>
|
|
<script src="/static/js/common.js"></script>
|
|
<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"><i class="bi bi-person-square"></i></span>
|
|
</div>
|
|
<input type="text" id="login-username" 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"><i class="bi bi-shield-fill-check"></i></span>
|
|
</div>
|
|
<input type="password" id="login-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"><i class="bi bi-image-fill"></i></span>
|
|
</div>
|
|
<input type="text" class="form-control" id="login-captcha" name="captcha" 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="button" id="login-btn" class="btn btn-primary btn-block">登录</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/static/js/login.js"></script>
|
|
</body>
|
|
</html>
|