JavaWeb/web_toolset
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

页面稍微适配下移动端

Browse Source 
新增登陆验证码一分钟内只能尝试三次
This commit is contained in:
yutou
2021-02-23 11:16:56 +08:00
parent f93ae1e20e
commit f4cabd1155
6 changed files with 77 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
web/html/header.html
View File

@@ -7,39 +7,39 @@
</head>
<body>
<div class="layui-header">
<ul class="layui-nav" lay-filter="" style="background-color: #1772B4;">
<li class="layui-nav-item"><a href="http://blog.yutou233.cn">博客</a></li>
<div id="admin" style="display: inline-block; font-size: 0px;">
<li class="layui-nav-item"><a href="/html/body/nas/index.html">NAS管理</a>
<div class="layui-header">
<ul class="layui-nav" lay-filter="" style="background-color: #1772B4;">
<li class="layui-nav-item"><a href="http://blog.yutou233.cn">博客</a></li>
<div id="admin" style="display: inline-block; font-size: 0px;">
<li class="layui-nav-item"><a href="/html/body/nas/index.html">NAS管理</a>
</li>
</div>
<li class="layui-nav-item">
<a href="javascript:;">工具集</a>
<dl class="layui-nav-child">
<dd><a href="/html/body/tools/password.html">密码管理器</a></dd>
<dd><a href="javascript:;" id="open_pc">远程开机</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">页面集</a>
<dl class="layui-nav-child">
<dd><a href="http://nas.yutou233.cn/" target="_blank">管理后台</a></dd>
<dd><a href="http://bt.yutou233.cn" target="_blank">BT下载</a></dd>
<dd><a href="http://tools.yutou233.cn/jellyfin.do" target="_blank">jellyfin</a></dd>
<dd><a href="/html/body/nas/music.html" >NAS音乐播放器</a></dd>
</dl>
</li>
<li class="layui-nav-item" id='icon'>
<a href="javascript:;" id="login"><img src="/assets/defaultPlayImg.jpg" class="layui-nav-img"><span
id='login_text'>登录</span></a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" id="logout">退了</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<li class="layui-nav-item">
<a href="javascript:;">工具集</a>
<dl class="layui-nav-child">
<dd><a href="/html/body/tools/password.html">密码管理器</a></dd>
<dd><a href="javascript:;" id="open_pc">远程开机</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">页面集</a>
<dl class="layui-nav-child">
<dd><a href="http://nas.yutou233.cn/" target="_blank">管理后台</a></dd>
<dd><a href="http://bt.yutou233.cn" target="_blank">BT下载</a></dd>
<dd><a href="http://tools.yutou233.cn/jellyfin.do" target="_blank">jellyfin</a></dd>
<dd><a href="/html/body/nas/music.html">NAS音乐播放器</a></dd>
</dl>
</li>
<li class="layui-nav-item" id='icon'>
<a href="javascript:;" id="login"><img src="/assets/defaultPlayImg.jpg" class="layui-nav-img"><span
id='login_text'>登录</span></a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" id="logout">退了</a></dd>
</dl>
</li>
</ul>
</div>
</body>
<script src="/js/qrcode.min.js"></script>
<script>
@@ -56,33 +56,35 @@
return;
}
$.post('/login/sendCaptcha.do', function (data) {
let json=JSON.parse(data);
if(json.code===1){
let json = JSON.parse(data);
if (json.code === 1) {
layer.open({
title:"使用Google身份验证器绑定",
content:"<div id=\"qrcode\"></div>",
success:function () {
title: "使用Google身份验证器绑定",
content: "<div id=\"qrcode\"></div>",
success: function () {
new QRCode(document.getElementById("qrcode"), json.data);
},
yes:function (index) {
yes: function (index) {
layer.close(index)
openLoginCode();
}
})
}else{
} else {
openLoginCode();
}
})
function openLoginCode() {
layer.prompt({
title: '安全登录码'
}, function (value, index, elem) {
$.post('/login/login.do', { code: value }, function (data) {
$.post('/login/login.do', {code: value}, function (data) {
let json = JSON.parse(data);
layer.msg(json.msg)
window.location.reload()
layer.msg(json.msg, function () {
window.location.reload()
})
});
layer.close(index);
})
@@ -97,26 +99,27 @@
});
$('#open_pc').click(function () {
layer.open({
title:"远程开机",
title: "远程开机",
content: "确定开机？",
yes:function (index) {
yes: function (index) {
$.post("/tools/openpc.do");
layer.close(index)
}
})
})
$(document).ready(function () {
let mobile = navigator.userAgent.toLowerCase().match(/android/i) === "android" || navigator.userAgent.toLowerCase().match(/iphone os/i) === "iphone os";
let mobile = layui.device().mobile;
if (mobile) {
$('.layui-body').css('left', '0')
$('.layui-body').css('top', '150px')
$('.layui-body').css('height', '200%')
$('#icon').css('float', 'none')
$('.layui-body').css('position','absolute')
} else {
$('.layui-body').css('padding-right', '100px')
$('#icon').css('float', 'right')
$('.layui-body').css('position','fixed')
}
})
</script>