重构代码:增加IE10兼容性,移除const/let关键字,增加-ms-overflow-style修饰

This commit is contained in:
Argo-MacBookPro 2018-10-06 12:46:48 +08:00
parent abbfb74953
commit a70f8f7d7f
8 changed files with 29 additions and 15 deletions

View File

@ -13,7 +13,7 @@
<body>
<!--[if lt IE 10 ]>
<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">&times;</span><span class="sr-only">关闭</span></button>
</div>
<![endif]-->

View File

@ -1,11 +1,8 @@
.alert {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
z-index: 100;
body > header, body > aside, body > section, body > footer {
display: none;
}
.alert div {
display: inline-block;
.alert {
margin: 15px auto;
width: 90%;
}

View File

@ -52,6 +52,10 @@
}
@media (min-width: 768px) {
html {
-ms-overflow-style: none;
}
.sidebar-open aside {
transform: translate(0);
}
@ -63,6 +67,7 @@
.main-content {
position: fixed;
overflow: auto;
-ms-overflow-style: auto;
}
}

View File

@ -1,5 +1,6 @@
html {
font-size: 16px;
-ms-overflow-style: auto;
}
body {
@ -97,6 +98,7 @@ a, a:hover, a:focus {
/*Title*/
.sidebar-toggle-box {
display: block;
font-size: 1.25rem;
color: #777;
flex: 1 1 auto;
@ -243,7 +245,6 @@ a, a:hover, a:focus {
.userinfo .dropdown-item {
display: flex;
flex-wrap: wrap;
width: 270px;
padding: 0;
justify-content: space-around;
@ -313,6 +314,7 @@ a, a:hover, a:focus {
flex: 1 1 auto;
text-align: center;
margin-left: 4px;
display: inline-block;
}
.go-top {

View File

@ -207,8 +207,8 @@
bc: function (options) {
if (this.attr('lgb_click')) return this;
this.attr('lgb_click', true);
const callback = options.callback;
const that = this;
var callback = options.callback;
var that = this;
options.callback = function () { that.removeAttr('lgb_click'); if ($.isFunction(callback)) callback.apply(arguments); };
$.bc(options);
return this;

View File

@ -67,7 +67,7 @@
return $.format(html, ele.Interval, ele.Key, ele.Desc, ele.Value, $.format(item.Url, ele.Key), item.Self, ele.ElapsedSeconds);
}).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(content);
$sortable.append(cache);

View File

@ -0,0 +1,8 @@
body > header, body > aside, body > section, body > footer {
display: none;
}
.alert {
margin: 15px auto;
width: 90%;
}

View File

@ -1,5 +1,6 @@
html {
font-size: 16px;
-ms-overflow-style: auto;
}
body {
@ -97,6 +98,7 @@ a, a:hover, a:focus {
/*Title*/
.sidebar-toggle-box {
display: block;
font-size: 1.25rem;
color: #eee;
flex: 1 1 auto;
@ -249,7 +251,6 @@ a, a:hover, a:focus {
.userinfo .dropdown-item {
display: flex;
flex-wrap: wrap;
width: 270px;
padding: 0;
justify-content: space-around;
@ -319,6 +320,7 @@ a, a:hover, a:focus {
flex: 1 1 auto;
text-align: center;
margin-left: 4px;
display: inline-block;
}
.go-top {