mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-06 03:58:04 +08:00
87 lines
3.5 KiB
HTML
87 lines
3.5 KiB
HTML
{extend name="extra@admin/main" /}
|
|
|
|
{block name="style"}
|
|
<link rel="stylesheet" href="__STATIC__/theme/default/css/login.css">
|
|
{/block}
|
|
|
|
{block name="bodyTag"}
|
|
<body>
|
|
<div class="login-container" style="height:100%">
|
|
|
|
<div class="clouds clouds-footer"></div>
|
|
<div class="clouds"></div>
|
|
<div class="clouds clouds-fast"></div>
|
|
|
|
<div class="header">
|
|
<span>欢迎登录后台管理界面平台</span>
|
|
<ul>
|
|
<li><a href="{:url('@')}">回首页</a></li>
|
|
<li>
|
|
<a href="javascript:void(0)" target="_blank">
|
|
<b style="color:#fff">帮助</b>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://sw.bos.baidu.com/sw-search-sp/software/4bcf5e4f1835b/ChromeStandalone_54.0.2840.99_Setup.exe"
|
|
target="_blank">
|
|
<b style="color:#fff">推荐谷歌浏览器</b>
|
|
</a>
|
|
</li>
|
|
<li><a href="http://www.cuci.cc">楚才官网</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="container" style="top:50%;margin-top:-300px">
|
|
|
|
<form onsubmit="return false;" data-time="0.001" data-auto="true" method="post" class="content layui-form">
|
|
<div class="people">
|
|
<div class="tou"></div>
|
|
<div id="left-hander" class="initial_left_hand transition"></div>
|
|
<div id="right-hander" class="initial_right_hand transition"></div>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<input required="required"
|
|
pattern="^\S{4,}$"
|
|
title="请输入4位及以上的字符"
|
|
type="text"
|
|
name="username"
|
|
class="login-input username"
|
|
autocomplete="off"
|
|
autofocus="autofocus"
|
|
value="admin"
|
|
placeholder="请输入用户名/手机号码"/>
|
|
</li>
|
|
<li>
|
|
<input required="required"
|
|
pattern="^\S{4,}$"
|
|
title="请输入4位及以上的字符"
|
|
type="password"
|
|
name="password"
|
|
class="login-input password"
|
|
autocomplete="off"
|
|
value="Test12345"
|
|
placeholder="请输入密码"/>
|
|
</li>
|
|
<li class="text-center">
|
|
<button type="submit" class="layui-btn layui-btn">立 即 登 入</button>
|
|
<a style="position:absolute;display:block;right:0" href="javascript:void(0)">忘记密码？</a>
|
|
</li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
<div class="footer">{:sysconf('site_company')} © {:date('Y')}</div>
|
|
</div>
|
|
<script>
|
|
require(['jquery'], function ($) {
|
|
$('[name="password"]').on('focus', function () {
|
|
$('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
|
|
$('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
|
|
}).on('blur', function () {
|
|
$('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
|
|
$('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
{/block} |