From bc3b2c9215d3248f00a4b8fcd9c322bd3b1b7d15 Mon Sep 17 00:00:00 2001 From: "Mr.X" Date: Mon, 4 Jun 2018 17:12:03 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=BD=E5=8F=96=E5=85=AC=E5=85=B1js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 52 +-------------------------------------------------- js/okadmin.js | 50 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 51 insertions(+), 51 deletions(-) diff --git a/index.html b/index.html index 30eae7c..f77a500 100644 --- a/index.html +++ b/index.html @@ -115,58 +115,8 @@ Copyright ©2018 ok-admin v1.0 All Rights Reserved - - + \ No newline at end of file diff --git a/js/okadmin.js b/js/okadmin.js index e69de29..544aded 100644 --- a/js/okadmin.js +++ b/js/okadmin.js @@ -0,0 +1,50 @@ +layui.use(['element', 'jquery'], function () { + var element = layui.element; + var $ = layui.jquery; + + /** + * 左边菜单显示/隐藏功能 + * @type {boolean} + */ + var flag = true; + $(".menu-switch").click(function () { + if (flag) { + $(".layui-layout-admin .layui-side").animate({left: "-200px"}); + $(".layui-layout-admin .content-body").animate({left: "0px"}); + $(".layui-layout-admin .layui-footer").animate({left: "0px"}); + $(".menu-switch span").removeClass("layui-icon-shrink-right").addClass("layui-icon-spread-left"); + flag = false; + } else { + $(".layui-layout-admin .layui-side").animate({left: "0px"}); + $(".layui-layout-admin .content-body").animate({left: "200px"}); + $(".layui-layout-admin .layui-footer").animate({left: "200px"}); + $(".menu-switch span").removeClass("layui-icon-spread-left").addClass("layui-icon-shrink-right"); + flag = true; + } + }); + + /** + * 点击左边菜单在右边添加选项卡 + */ + $(".layui-nav-child").find("dd").click(function () { + var title = $(this).text(); + var path = $(this).children('a').attr('path'); + var tabId = $(this).children('a').attr('tab-id'); + // 去重复 + for (var i = 0; i < $('.ok-frame').length; i++) { + if ($('.ok-frame').eq(i).attr('tab-id') == tabId) { + tab.tabChange(tabId); + event.stopPropagation(); + return; + } + } + // 添加选项卡 + element.tabAdd("ok-tab", { + title: title, + content: "", + id: tabId + }); + // 切换选项卡 + element.tabChange("ok-tab", tabId); + }); +}); \ No newline at end of file