mirror of
https://github.com/MCSManager/MCSManager.git
synced 2024-11-27 06:59:54 +08:00
新增加载进度条
This commit is contained in:
suwings
parent
d2b3f04112
commit
5db00dd439
1
.gitignore
vendored
1
.gitignore
vendored
@ -8,3 +8,4 @@ server/*.json
|
||||
public/*.json
|
||||
McserverConfig.json
|
||||
core/*.json
|
||||
node_modules/
|
||||
@ -261,3 +261,15 @@ a,input{outline:none;}
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
/*进度条CSS*/
|
||||
.Toolscon{
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
/*background-color: #00cc06;*/
|
||||
height: 4px;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
line-height: 3px;
|
||||
}
|
||||
|
||||
@ -18,3 +18,8 @@
|
||||
box-shadow: 2px 0px 6px #888888;
|
||||
}
|
||||
|
||||
.width-100{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -173,7 +173,6 @@
|
||||
}, 200, function() {
|
||||
MI.on('colmchangeEnd', null); //触发事件
|
||||
});
|
||||
// $SideCol.removeAttr('style')
|
||||
$Container.removeAttr('style')
|
||||
});
|
||||
}
|
||||
@ -203,20 +202,3 @@
|
||||
|
||||
// if(document.body.clientWidth <)
|
||||
})();
|
||||
|
||||
//logo
|
||||
$(function() {
|
||||
|
||||
// var MasterLogo = $('#MasterLogo');
|
||||
//
|
||||
// function logoAnimate() {
|
||||
// MasterLogo.animate({
|
||||
// 'letter-spacing': '2.0px'
|
||||
// }, 15000, function() {
|
||||
// MasterLogo.animate({
|
||||
// 'letter-spacing': '1px'
|
||||
// }, 15000, logoAnimate);
|
||||
// });
|
||||
// }
|
||||
// logoAnimate();
|
||||
})
|
||||
@ -90,33 +90,55 @@
|
||||
}
|
||||
}
|
||||
|
||||
var PageMain = $('#ConsoleMain');
|
||||
RES.redirectPage = function(url, key, body, callback) {
|
||||
PageMain.stop(true, true).animate({
|
||||
'opacity': '0'
|
||||
// 'margin-left':'50px'
|
||||
}, 150, MmDoing);
|
||||
|
||||
//切换事件处理
|
||||
function MmDoing() {
|
||||
ToolsLoadingStart(function() {
|
||||
MI.rOn('onend');
|
||||
PageLoading();
|
||||
//替換掉原先存在的 函数。防止新的单页没有这些函数而导致代码二次执行
|
||||
MI.rListener('onend', function() {});
|
||||
MI.rListener('onload', function() {});
|
||||
RES.redirectHTML(url, key, body, function() {
|
||||
MI.on('page/live'); //MCSERVER.URL(
|
||||
MI.on('page/live');
|
||||
//赋予的单页刷新
|
||||
PAGE.refresh = function() {
|
||||
RES.redirectPage(url, key, body, callback);
|
||||
}
|
||||
ToolsLoadingEnd();
|
||||
MI.rOn('onload');
|
||||
callback && callback();
|
||||
PageMain.stop(true, true).animate({
|
||||
'opacity': '1'
|
||||
// 'margin-left':'0px'
|
||||
}, 150);
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var PageMain = $('#ConsoleMain');
|
||||
var ToolsLoading = $('#ToolsLoading'); //进度条
|
||||
var ToolsPageLoading = $("#ToolsPageLoading"); //进度条容器
|
||||
|
||||
function ToolsLoadingStart(callback) {
|
||||
ToolsLoading.css("width", "0%");
|
||||
ToolsPageLoading.css("display", "block");
|
||||
PageMain.stop(true, true).animate({
|
||||
'opacity': '0'
|
||||
}, 150, callback);
|
||||
}
|
||||
|
||||
function PageLoading() {
|
||||
ToolsLoading.css("width", "80%");
|
||||
}
|
||||
|
||||
function ToolsLoadingEnd() {
|
||||
ToolsLoading.css("width", "100%");
|
||||
|
||||
|
||||
|
||||
PageMain.stop(true, true).animate({
|
||||
'opacity': '1'
|
||||
}, 150, function() {
|
||||
ToolsPageLoading.css("display", "none");
|
||||
});
|
||||
}
|
||||
|
||||
})();
|
||||
@ -1,45 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="zh-CN" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no" />
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="zh-CN" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no" />
|
||||
|
||||
<title>Mcserver 管理面板</title>
|
||||
<link href="./common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<title>Mcserver 管理面板</title>
|
||||
<link href="./common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<link href="./common/css/common.css" rel="stylesheet">
|
||||
<link href="./common/css/block.css" rel="stylesheet">
|
||||
<link href="./favicon.ico" rel="shortcut icon">
|
||||
<link rel="stylesheet" href="common/css/unit.css" />
|
||||
<link href="./common/css/common.css" rel="stylesheet">
|
||||
<link href="./common/css/block.css" rel="stylesheet">
|
||||
<link href="./favicon.ico" rel="shortcut icon">
|
||||
<link rel="stylesheet" href="common/css/unit.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<!--[if lt IE 9]>
|
||||
<div id='Not_' class="show-ui" style="height: 40px;background-color: rgb(221,79,67);text-align:center;line-height: 40px;color: white;">
|
||||
<b>无法访问! 您的浏览器版本过低或是兼容模式,请使用最新/更高版本的浏览器: IE10+ chrome FireFox 等，如果是国内浏览器请打开极速浏览模式（webkit内核）。</b>
|
||||
</div>
|
||||
<![endif]-->
|
||||
|
||||
<!--前端完全开源，您可以自由更改，但仅限于使用在 Mcserver Manager 程序-->
|
||||
<!--版权所有 Mcserver Manager 8 开发者 (Suwings) 双羽 -->
|
||||
<!--前端开源使用 请遵循 MIT 协议即可已经其他额外附属条件，勿删除版权信息-->
|
||||
</head>
|
||||
<!--前端完全开源，您可以自由更改，但仅限于使用在 Mcserver Manager 程序-->
|
||||
<!--版权所有 Mcserver Manager 8 开发者 (Suwings) 双羽 -->
|
||||
<!--前端开源使用 请遵循 MIT 协议即可已经其他额外附属条件，勿删除版权信息-->
|
||||
</head>
|
||||
|
||||
<!--百度数据统计,如果您不想被统计,请删除这段代码-->
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?242b21aa18712872e0775282aaeae0a5";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<!--百度数据统计,如果您不想被统计,请删除这段代码-->
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?242b21aa18712872e0775282aaeae0a5";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--
|
||||
<!--
|
||||
__ ___ __ ___
|
||||
/ |/ /____________ ______ _____ _____ / |/ /___ _____ ____ _____ ____ _____
|
||||
/ /|_/ / ___/ ___/ _ \/ ___/ | / / _ \/ ___/ / /|_/ / __ `/ __ \/ __ `/ __ `/ _ \/ ___/
|
||||
@ -49,10 +49,10 @@ var _hmt = _hmt || [];
|
||||
Only you.
|
||||
-->
|
||||
|
||||
<body>
|
||||
<div id='Header' class="box-shadow">
|
||||
<div id='MasterLogo' class="HeaderItem" onclick="MCSERVER.colmDo()" style="cursor: pointer;">
|
||||
<b>Mcserver
|
||||
<body>
|
||||
<div id='Header' class="box-shadow">
|
||||
<div id='MasterLogo' class="HeaderItem" onclick="MCSERVER.colmDo()" style="cursor: pointer;">
|
||||
<b>Mcserver
|
||||
<b> 管理面板</div>
|
||||
<div class="HeaderR">
|
||||
<div id='websocket' v-text="status">
|
||||
@ -118,6 +118,15 @@ var _hmt = _hmt || [];
|
||||
<h4></h4>
|
||||
</div>
|
||||
|
||||
<!--页面加载进度条-->
|
||||
<div class="Toolscon" id="ToolsPageLoading">
|
||||
<div class="progress" style="height: 4px;line-height: 4px;">
|
||||
<div id="ToolsLoading" class="progress-bar progress-bar-success progress-bar-striped" style="width: 0%;height: 4px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--Js文件引用，顺序不能乱，所有js都是依赖于前js的-->
|
||||
<script src="./common/jquery-3.2.1.min.js"></script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user