add: tab刷新记忆

master
zhizou 2019-08-21 20:10:00 +08:00
parent 3e93cd6c74
commit 8dd7623233
2 changed files with 40 additions and 39 deletions

View File

@ -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");
}); });

View File

@ -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>