add: tab刷新记忆
parent
3e93cd6c74
commit
8dd7623233
|
|
@ -19,7 +19,7 @@ String.prototype.format = function () {
|
||||||
};
|
};
|
||||||
|
|
||||||
/**打开已经打开的tabMenu**/
|
/**打开已经打开的tabMenu**/
|
||||||
let OpenTabMenuFun = function ($,fun) {
|
let OpenTabMenuFun = function ($, fun) {
|
||||||
var tabMenu = localStorage.getItem("tabMenu");//已经打开的tab页面
|
var tabMenu = localStorage.getItem("tabMenu");//已经打开的tab页面
|
||||||
var tabMenuLeft = localStorage.getItem("tabMenuLeft");//tab的位置
|
var tabMenuLeft = localStorage.getItem("tabMenuLeft");//tab的位置
|
||||||
if (tabMenu) {
|
if (tabMenu) {
|
||||||
|
|
@ -28,24 +28,28 @@ let OpenTabMenuFun = function ($,fun) {
|
||||||
left: tabMenuLeft
|
left: tabMenuLeft
|
||||||
}, 50);
|
}, 50);
|
||||||
$("#tabContent").html(tabMenu.tabContent);
|
$("#tabContent").html(tabMenu.tabContent);
|
||||||
if(typeof fun == 'function'){
|
if (typeof fun == 'function') {
|
||||||
fun();
|
fun();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/**存储打开的tabMenu**/
|
/**存储打开的tabMenu**/
|
||||||
function saveTabMenuFun($) {
|
function saveTabMenuFun($) {
|
||||||
|
let tabTitle = $("<div>" + $("#tabTitle").html() + "</div>");
|
||||||
|
tabTitle.find("i.layui-tab-close").remove();
|
||||||
let tabMenu = JSON.stringify({
|
let tabMenu = JSON.stringify({
|
||||||
tabTitle: $("#tabTitle").html(),
|
tabTitle: tabTitle.html(),
|
||||||
tabContent: $("#tabContent").html()
|
tabContent: $("#tabContent").html()
|
||||||
});
|
});
|
||||||
localStorage.setItem('tabMenu', tabMenu);
|
localStorage.setItem('tabMenu', tabMenu);
|
||||||
localStorage.setItem('tabMenuLeft', $("#tabTitle").css('left'));
|
localStorage.setItem('tabMenuLeft', $("#tabTitle").css('left'));
|
||||||
}
|
}
|
||||||
|
|
||||||
/**tab的位置**/
|
/**tab的位置**/
|
||||||
function saveTabMenuPosition(num){
|
function saveTabMenuPosition(num) {
|
||||||
// num = num || $("#tabTitle").css('left');
|
num = num || $("#tabTitle").css('left');
|
||||||
// localStorage.setItem('tabMenuLeft', num);
|
localStorage.setItem('tabMenuLeft', num);
|
||||||
}
|
}
|
||||||
|
|
||||||
layui.define(["element", "jquery"], function (exports) {
|
layui.define(["element", "jquery"], function (exports) {
|
||||||
|
|
@ -334,7 +338,7 @@ layui.define(["element", "jquery"], function (exports) {
|
||||||
element.tabChange(tabFilter, tabId);
|
element.tabChange(tabFilter, tabId);
|
||||||
this.navMove("rightmax");
|
this.navMove("rightmax");
|
||||||
/**保存展开的tab**/
|
/**保存展开的tab**/
|
||||||
saveTabMenuFun($);
|
// saveTabMenuFun($);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -358,7 +362,7 @@ layui.define(["element", "jquery"], function (exports) {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
/**打开缓存中的tab**/
|
/**打开缓存中的tab**/
|
||||||
OpenTabMenuFun($,function () {
|
OpenTabMenuFun($, function () {
|
||||||
// var filter = _this.tabConfig.tabFilter;
|
// var filter = _this.tabConfig.tabFilter;
|
||||||
element.render("tab");
|
element.render("tab");
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -5,9 +5,6 @@
|
||||||
<title>文章列表</title>
|
<title>文章列表</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||||
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
||||||
<link rel="stylesheet" href="../../css/scroll-bar.css">
|
|
||||||
<link rel="stylesheet" href="../../css/sub-page.css">
|
|
||||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
|
||||||
<link rel="stylesheet" href="../../lib/nprogress/nprogress.css">
|
<link rel="stylesheet" href="../../lib/nprogress/nprogress.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue