web-backset.cn/apps/server/view/page/login/index.ejs
2023-02-21 17:58:09 +08:00

107 lines
3.6 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<%- include('../_layout/base') -%> <%- include('../_layout/styles') -%>
<title>new page: <%= name %></title>
</head>
<body>
<%- include('../_layout/nav') -%>
<main class="container" id="page-signup">
<div class="columns">
<div class="column col-5 col-mx-auto">
<div class="box-container">
<img src="/assets/img/logo.png" />
</div>
<div class="login-container">
<div class="switch-login">
<button
class="btn btn-link"
id="btn-switch-login-type"
data-login-type="password"
>
验证码登录
</button>
</div>
<form onsubmit="return false;" id="password-form">
<div class="form-group">
<label class="form-label" for="username">用户名</label>
<input
class="form-input"
type="text"
id="username"
placeholder="用户名/手机号"
autocomplete="username"
autofocus
/>
</div>
<div class="form-group">
<label class="form-label" for="password">密码</label>
<input
class="form-input"
type="password"
id="password"
placeholder="密码"
autocomplete="current-password"
/>
<p class="form-input-hint">密码长度至少6位</p>
</div>
<div class="form-group">
<label class="form-checkbox">
<input type="checkbox" checked />
<i class="form-icon"></i>记住密码
</label>
</div>
<div class="form-group">
<button
id="btn-signup-password"
class="btn btn-primary btn-block"
>
登入
</button>
</div>
</form>
<form onsubmit="return false;" id="verify-form" class="d-none">
<div class="form-group">
<label class="form-label" for="tel">手机号</label>
<input
class="form-input"
type="tel"
id="tel"
placeholder="手机号"
/>
</div>
<div class="form-group">
<label class="form-label" for="input-example-1">验证码</label>
<div class="input-group">
<input
type="text"
class="form-input"
id="verify-code"
placeholder="输入验证码"
autocomplete="off"
/>
<button
id="btn-verify-code"
class="btn btn-primary input-group-btn"
>
获取验证码
</button>
</div>
</div>
<div class="form-group" style="margin-top: 2em">
<button
id="btn-signup-verify"
class="btn btn-primary btn-block"
>
登入
</button>
</div>
</form>
</div>
</div>
</div>
</main>
<%- include('../_layout/footer') -%> <%- include('../_layout/scripts') -%>
</body>
</html>