107 lines
3.5 KiB
Plaintext
107 lines
3.5 KiB
Plaintext
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<%- include('../_layout/base') -%>
|
||
|
|
<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') -%>
|
||
|
|
</body>
|
||
|
|
</html>
|