FlaskDormitoryProject/templates/login.html
2023-04-28 12:06:42 +08:00

73 lines
4.5 KiB
HTML

{% extends 'base/base.html' %}
{% block title %}
登录-学生寝室管理系统
{% endblock title %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='css/login/styles.min.css') }}">
{% endblock styles %}
{% block content %}
<div class="container">
<!-- Start: Login Form Basic -->
<section class="py-4 py-xl-5">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>登录</h2>
<p>请输入您的账号密码</p>
</div>
</div>
<div class="row d-flex justify-content-center"
style="background: url({{ url_for('static', filename='/images/DSC00993.jpg') }}), #ffffff;background-size: cover, auto;padding-top: 45px;">
<div class="col-md-6 col-xl-4">
<div class="card mb-5" id="cardbody" style="background: rgba(255,255,255,0.6);">
<div class="card-body d-flex flex-column align-items-center">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary bs-icon my-4"
style="background: rgba(26,26,26,0.7);">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
viewBox="0 0 16 16" class="bi bi-person">
<path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"></path>
</svg>
</div>
{# <form method="POST">#}
{# {{ form.hidden_tag() }}#}
{# {{ form.name.label }} {{ form.name() }}#}
{# {{ form.submit() }}#}
{# </form>#}
<form class="text-center" method="POST">
{{ form.hidden_tag() }}
{{ form.account }}
<div class="mb-3"></div>
<div class="mb-3">{{ form.password }}</div>
<div class="mb-3">{{ form.submit }}</div>
<div class="row">
<div class="col d-lg-flex justify-content-lg-center align-items-lg-center"><a
id="register" href="#">注册账号</a></div>
<div class="col"><a id="forgetpassword" href="#">找回密码</a></div>
</div>
</form>
{# <input class="form-control" type="text"#}
{# id="account" placeholder="账号"#}
{# name="account" required="">#}
{# <div class="mb-3"></div>#}
{# <div class="mb-3"><input class="form-control" type="password" id="password"#}
{# name="password" placeholder="密码" required=""></div>#}
{# <div class="mb-3">#}
{# <button class="btn btn-primary d-block w-100" type="submit">Login</button>#}
{# </div>#}
{# <div class="row">#}
{# <div class="col d-lg-flex justify-content-lg-center align-items-lg-center"><a#}
{# id="register" href="#">注册账号</a></div>#}
{# <div class="col"><a id="forgetpassword" href="#">找回密码</a></div>#}
{# </div>#}
</div>
</div>
</div>
</div>
</div>
</section><!-- End: Login Form Basic -->
</div>
{% endblock content %}