110 lines
5.0 KiB
HTML
110 lines
5.0 KiB
HTML
{% load static %}
|
||
{% load i18n %}
|
||
<!DOCTYPE html>
|
||
<html lang='zh-CN'>
|
||
<head>
|
||
<title>{% trans "用户注册" %} - {% if site_name != None %}{{site_name}} {% else %}{% trans "觅道文档" %}{% endif %}</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<link rel="stylesheet" href="{% static 'layui/css/layui.css' %}" crossorigin="anonymous">
|
||
<link rel="icon" href="{% static 'search/mrdoc_logo_300.png' %}" sizes="192x192" />
|
||
<style>
|
||
body{
|
||
background-color: #fafafa;
|
||
text-align: center;
|
||
}
|
||
.container{
|
||
display: flex;
|
||
display: -webkit-flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.login-form{
|
||
margin-top: 5%;
|
||
padding: 20px 50px 20px 60px;
|
||
background-color: #fff;
|
||
-webkit-box-shadow: #666 0px 0px 10px;
|
||
-moz-box-shadow: #666 0px 0px 10px;
|
||
box-shadow: #666 0px 0px 10px;
|
||
}
|
||
.register-link{
|
||
font-size: 12px;
|
||
}
|
||
.layui-btn-normal{
|
||
background-color: #2176ff !important;
|
||
}
|
||
/* 移动端输入框样式 */
|
||
@media screen and (max-width: 450px){
|
||
.layui-form-item .layui-input-inline {
|
||
display: block;
|
||
float: none;
|
||
left: -3px;
|
||
width: auto;
|
||
margin: 0;
|
||
}
|
||
}
|
||
h3{
|
||
color: #666;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body background="{% static 'PearAdminLayui/admin/images/background.svg' %}">
|
||
<div class="container">
|
||
<div></div>
|
||
<div></div>
|
||
<div class="login-form">
|
||
<form class="layui-form" action="{% url 'register' %}" method='POST'>
|
||
{% csrf_token %}
|
||
<div class="layui-form-item">
|
||
<img src="{% static 'mrdoc_logo_ridus.png' %}" style="width: 60px;height: 60px;margin-bottom: 10px;" />
|
||
<h3><strong>{% trans "注册" %} - {% if site_name != None %}{{site_name}} {% else %}{% trans "觅道文档" %}{% endif %}</strong></h3>
|
||
</div>
|
||
<span style='color:red;margin-bottom: 10px;'>{{ errormsg }}</span>
|
||
{% if enable_register_code %}
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="register_code" required lay-verify="required" placeholder="请输入注册码" autocomplete="off" class="layui-input" >
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名，不少于5位" autocomplete="off" class="layui-input" value="{{username}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<input type="email" name="email" required lay-verify="required" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input" value="{{email}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码，不少于6位" autocomplete="off" class="layui-input" value="{{password}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" placeholder="请输入验证码" name="check_code" autocomplete="off">
|
||
<img src="{% url 'check_code' %}" onclick="ChangeCode(this);">
|
||
<script>
|
||
// 点击一次,更改图片内容,
|
||
function ChangeCode(ths){
|
||
ths.src = ths.src + '?';
|
||
}
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<button class="layui-btn layui-btn-fluid layui-btn-radius layui-btn-normal" lay-submit lay-filter="formDemo" type="submit">注册并登录</button>
|
||
</div>
|
||
</div>
|
||
<a href="{% url 'login' %}" class="register-link">{% trans "返回登录" %}</a>
|
||
<a href="{% url 'pro_list' %}" class="register-link">{% trans "返回首页" %}</a>
|
||
<hr>
|
||
<span style="font-size: 12px;color: #666;">觅道文档 - 私有云知识库部署方案</span>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |