重构代码:增加IE10兼容性,移除const/let关键字,增加-ms-overflow-style修饰
This commit is contained in:
parent
abbfb74953
commit
a70f8f7d7f
|
@ -13,7 +13,7 @@
|
||||||
<body>
|
<body>
|
||||||
<!--[if lt IE 10 ]>
|
<!--[if lt IE 10 ]>
|
||||||
<div id="ieAlert" class="alert alert-danger alert-dismissible">
|
<div id="ieAlert" class="alert alert-danger alert-dismissible">
|
||||||
<div>你的浏览器版本太低,不能完美的支持本系统,请升级到至少IE10 <a href="../IE/IE10.exe" target="_blank">本地下载</a> <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">微软下载</a>,或者使用Chrome浏览器 <a href="../Software/ChromeSetup.exe" target="_blank">本地下载</a></div>
|
<div>当前浏览器版本太低,不支持本系统,请升级到至少IE10 <a href="../browser/IE10.exe" target="_blank">本地下载</a> <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">微软下载</a>,或者使用Chrome浏览器 <a href="../browser/ChromeSetup.exe" target="_blank">本地下载</a></div>
|
||||||
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
|
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
|
||||||
</div>
|
</div>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
|
@ -1,11 +1,8 @@
|
||||||
.alert {
|
body > header, body > aside, body > section, body > footer {
|
||||||
position: absolute;
|
display: none;
|
||||||
top: 15px;
|
|
||||||
left: 15px;
|
|
||||||
right: 15px;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert div {
|
.alert {
|
||||||
display: inline-block;
|
margin: 15px auto;
|
||||||
}
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
|
@ -52,6 +52,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
html {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
.sidebar-open aside {
|
.sidebar-open aside {
|
||||||
transform: translate(0);
|
transform: translate(0);
|
||||||
}
|
}
|
||||||
|
@ -63,6 +67,7 @@
|
||||||
.main-content {
|
.main-content {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
-ms-overflow-style: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
-ms-overflow-style: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -97,6 +98,7 @@ a, a:hover, a:focus {
|
||||||
|
|
||||||
/*Title*/
|
/*Title*/
|
||||||
.sidebar-toggle-box {
|
.sidebar-toggle-box {
|
||||||
|
display: block;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
color: #777;
|
color: #777;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
@ -243,7 +245,6 @@ a, a:hover, a:focus {
|
||||||
|
|
||||||
.userinfo .dropdown-item {
|
.userinfo .dropdown-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
|
||||||
width: 270px;
|
width: 270px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
@ -313,6 +314,7 @@ a, a:hover, a:focus {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.go-top {
|
.go-top {
|
||||||
|
|
|
@ -207,8 +207,8 @@
|
||||||
bc: function (options) {
|
bc: function (options) {
|
||||||
if (this.attr('lgb_click')) return this;
|
if (this.attr('lgb_click')) return this;
|
||||||
this.attr('lgb_click', true);
|
this.attr('lgb_click', true);
|
||||||
const callback = options.callback;
|
var callback = options.callback;
|
||||||
const that = this;
|
var that = this;
|
||||||
options.callback = function () { that.removeAttr('lgb_click'); if ($.isFunction(callback)) callback.apply(arguments); };
|
options.callback = function () { that.removeAttr('lgb_click'); if ($.isFunction(callback)) callback.apply(arguments); };
|
||||||
$.bc(options);
|
$.bc(options);
|
||||||
return this;
|
return this;
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
return $.format(html, ele.Interval, ele.Key, ele.Desc, ele.Value, $.format(item.Url, ele.Key), item.Self, ele.ElapsedSeconds);
|
return $.format(html, ele.Interval, ele.Key, ele.Desc, ele.Value, $.format(item.Url, ele.Key), item.Self, ele.ElapsedSeconds);
|
||||||
}).join('');
|
}).join('');
|
||||||
|
|
||||||
let cache = $('<div class="card-cache"></div>');
|
var cache = $('<div class="card-cache"></div>');
|
||||||
cache.append($.format('<h6>{0}</h6>', item.Desc));
|
cache.append($.format('<h6>{0}</h6>', item.Desc));
|
||||||
cache.append(content);
|
cache.append(content);
|
||||||
$sortable.append(cache);
|
$sortable.append(cache);
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
body > header, body > aside, body > section, body > footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
margin: 15px auto;
|
||||||
|
width: 90%;
|
||||||
|
}
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
-ms-overflow-style: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -97,6 +98,7 @@ a, a:hover, a:focus {
|
||||||
|
|
||||||
/*Title*/
|
/*Title*/
|
||||||
.sidebar-toggle-box {
|
.sidebar-toggle-box {
|
||||||
|
display: block;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
@ -249,7 +251,6 @@ a, a:hover, a:focus {
|
||||||
|
|
||||||
.userinfo .dropdown-item {
|
.userinfo .dropdown-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
|
||||||
width: 270px;
|
width: 270px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
@ -319,6 +320,7 @@ a, a:hover, a:focus {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.go-top {
|
.go-top {
|
||||||
|
|
Loading…
Reference in New Issue