68 lines
2.9 KiB
HTML
68 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>车主信息查询系统 - 登录</title>
|
|
<!-- 引入Layui CSS -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/layui.css') }}">
|
|
<!-- 引入Font Awesome -->
|
|
<link href="{{ url_for('static', filename='css/font-awesome.min.css') }}" rel="stylesheet">
|
|
<!-- 引入自定义CSS -->
|
|
<link href="{{ url_for('static', filename='css/custom.css') }}" rel="stylesheet">
|
|
|
|
<!-- 引入Layui JS -->
|
|
<script src="{{ url_for('static', filename='layui.js') }}"></script>
|
|
<script>
|
|
layui.use(['layer', 'form'], function(){
|
|
var layer = layui.layer;
|
|
var form = layui.form;
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="login-container card">
|
|
<div class="login-title">
|
|
<h1><i class="fa fa-car"></i> 车主信息查询系统</h1>
|
|
</div>
|
|
<form class="layui-form" method="POST">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><i class="fa fa-user"></i> 用户名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="username" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><i class="fa fa-lock"></i> 密码</label>
|
|
<div class="layui-input-block">
|
|
<input type="password" id="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
{% if error %}
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<div class="layui-bg-red" style="padding: 10px; border-radius: 4px;">{{ error }}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if success %}
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<div class="layui-bg-green" style="padding: 10px; border-radius: 4px;">{{ success }}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<div class="layui-form-item">
|
|
<div style="text-align: center;">
|
|
<button type="submit" class="layui-btn layui-btn-normal"><i class="fa fa-sign-in"></i> 登录</button>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="text-align: center;">
|
|
<a href="/register" class="layui-link">没有账号？点击注册</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- 引入统一的页脚 -->
|
|
{% include 'footer.html' %}
|
|
</body>
|
|
</html> |