| + | {notempty name="vo.children"} diff --git a/public/static/assets/gougu/css/layout.css b/public/static/assets/gougu/css/layout.css index 68e48c9..a2e3fbd 100644 --- a/public/static/assets/gougu/css/layout.css +++ b/public/static/assets/gougu/css/layout.css @@ -127,19 +127,19 @@ .gg-tabs-select.layui-nav .layui-nav-child dd.layui-this a {background-color: #f2f2f2 !important;color: #333} .gg-layout .layui-logo .logo{display: none} -.side-spread .gg-layout .layui-logo {width: 50px;} +.side-spread .gg-layout .layui-logo {width: 53px;} .side-spread .gg-layout .layui-logo .syslogo{display: none} .side-spread .gg-layout .layui-logo .logo{display: inline-block} -.side-spread .layui-side {left: 0;width: 50px} +.side-spread .layui-side {left: 0;width: 53px} .side-spread .page-tabs, .side-spread .gg-layout .layui-body, .side-spread .gg-layout .layui-footer, -.side-spread .gg-layout .layui-layout-left {left: 50px} +.side-spread .gg-layout .layui-layout-left {left: 53px} -.side-spread .layui-side-menu .layui-nav {position: static; width: 50px} +.side-spread .layui-side-menu .layui-nav {position: static; width: 53px} .side-spread .layui-side-menu .layui-nav-item {position: static} -.side-spread .layui-side-menu .layui-nav-item>a {padding-right: 0;padding-left:52px;} +.side-spread .layui-side-menu .layui-nav-item>a {padding-right: 0;padding-left:55px;} .side-spread .layui-side-menu .layui-nav-item cite, .side-spread .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child, diff --git a/public/static/assets/gougu/module/menu.js b/public/static/assets/gougu/module/menu.js deleted file mode 100644 index c81d897..0000000 --- a/public/static/assets/gougu/module/menu.js +++ /dev/null @@ -1,516 +0,0 @@ -layui.define(['table', 'jquery', 'element'], function (exports) { - "use strict"; - - var MOD_NAME = 'menu', - $ = layui.jquery, - element = layui.element; - - var pearMenu = function (opt) { - this.option = opt; - }; - - pearMenu.prototype.render = function (opt) { - - var option = { - elem: opt.elem, - async: opt.async, - parseData: opt.parseData, - url: opt.url, - method: opt.method ? opt.method : "GET", - defaultOpen: opt.defaultOpen, - defaultSelect: opt.defaultSelect, - control: opt.control, - controlWidth: opt.controlWidth ? opt.controlWidth : 500, - defaultMenu: opt.defaultMenu, - accordion: opt.accordion, - height: opt.height, - theme: opt.theme, - data: opt.data ? opt.data : [], - change: opt.change ? opt.change : function () { }, - done: opt.done ? opt.done : function () { } - } - if (option.async) { - if (option.method === "GET") { - getData(option.url).then(function (data) { - option.data = data; - renderMenu(option); - }); - } else { - postData(option.url).then(function (data) { - option.data = data; - renderMenu(option); - }); - } - } else { - //renderMenu中需要调用done事件，done事件中需要menu对象，但是此时还未返回menu对象，做个延时提前返回对象 - window.setTimeout(function () { renderMenu(option); }, 500); - } - - // 处理高度 - $("#" + opt.elem).height(option.height) - - setTimeout(function () { - $("#" + opt.control + " .control").on("mousewheel DOMMouseScroll", function (event) { - - var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie - (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1)); // firefox - - if (delta > 0) { - for (var num = 1; num < 20; num++) { - setTimeout(function () { - if ($("#" + opt.control + " .control ul").css('left').replace("px", "") < 0) { - $("#" + opt.control + " .control ul").css("left", "+=2px"); - } - }, 10) - } - } else if (delta < 0) { - if (((Number)($("#" + opt.control + " .control ul").css("left").replace("px", "")) + ($("#" + opt.control + " .control ul").width() - $("#" + opt.control + " .control").width())) > 0) { - for (var num = 1; num < 20; num++) { - setTimeout(function () { - $("#" + opt.control + " .control ul").css("left", "-=2px"); - }, 10) - } - } - } - }); - }, 1000) - - return new pearMenu(opt); - } - - pearMenu.prototype.click = function (clickEvent) { - var _this = this; - $("body").on("click", "#" + _this.option.elem + " .site-demo-active", function () { - var dom = $(this); - var data = { - menuId: dom.attr("menu-id"), - menuTitle: dom.attr("menu-title"), - menuPath: dom.attr("menu-title"), - menuIcon: dom.attr("menu-icon"), - menuUrl: dom.attr("menu-url"), - openType: dom.attr("open-type") - }; - var doms = hash(dom); - if (doms != null) { - if (doms.text() != '') { - data['menuPath'] = doms.find("span").text() + " / " + data['menuPath']; - } - } - if (doms != null) { - var domss = hash(doms); - if (domss != null) { - if (domss.text() != '') { - data['menuPath'] = domss.find("span").text() + " / " + data['menuPath']; - } - } - } - if (domss != null) { - var domsss = hash(domss); - if (domsss != null) { - if (domsss.text() != '') { - data['menuPath'] = domsss.find("span").text() + " / " + data['menuPath']; - } - } - } - if ($("#" + _this.option.elem).is(".pear-nav-mini")) { - if (_this.option.accordion) { - activeMenus = $(this).parent().parent().parent().children("a"); - } else { - activeMenus.push($(this).parent().parent().parent().children("a")); - } - } - clickEvent(dom, data); - }) - } - - function hash(dom) { - var d = dom.parent().parent().prev(); - if (d.prop("tagName") === "UL") { - return null; - } - return d; - } - - pearMenu.prototype.skin = function (skin) { - var menu = $(".pear-nav-tree[lay-filter='" + this.option.elem + "']").parent(); - menu.removeClass("dark-theme"); - menu.removeClass("light-theme"); - menu.addClass(skin); - } - - pearMenu.prototype.selectItem = function (pearId) { - if (this.option.control != false) { - $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-side-scroll ").find("ul").css({ - display: "none" - }); - $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".layui-side-scroll ").find(".layui-this").removeClass( - "layui-this"); - $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("ul").css({ - display: "block" - }); - var controlId = $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents("ul").attr("pear-id"); - if (controlId != undefined) { - $("#" + this.option.control).find(".layui-this").removeClass("layui-this"); - $("#" + this.option.control).find("[pear-id='" + controlId + "']").addClass("layui-this"); - } - } - - $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents(".pear-nav-tree").find(".layui-this").removeClass( - "layui-this"); - if (!$("#" + this.option.elem).is(".pear-nav-mini")) { - let openEle = null; - let openEleHeight = 0; - $($("#" + this.option.elem + " a[menu-id='" + pearId + "']").parents('.layui-nav-child').get().reverse()).each(function () { - if (!$(this).parent().is('.layui-nav-itemed')) { - if(openEleHeight == 0){ - openEle = $(this); - } else { - $(this).parent().addClass('layui-nav-itemed'); - $(this).css({ - height:'auto', - }); - } - openEleHeight += $(this).children("dd").length * 48; - } - }); - if (this.option.accordion) { - if(openEleHeight > 0){ - var currentDom = openEle.parent().siblings('.layui-nav-itemed').children(".layui-nav-child"); - currentDom.animate({ - height: "0px" - }, 240, function () { - currentDom.css({ - height: "auto" - }); - $(this).parent().removeClass("layui-nav-itemed"); - $(this).find('.layui-nav-itemed').removeClass("layui-nav-itemed"); - }); - } - } - if(openEleHeight > 0){ - openEle.parent().addClass("layui-nav-itemed"); - openEle.height(0); - openEle.animate({ - height: openEleHeight + "px" - }, 240, function () { - $(this).css({height:'auto'}); - }); - } - } - $("#" + this.option.elem + " a[menu-id='" + pearId + "']").parent().addClass("layui-this"); - } - - var activeMenus; - pearMenu.prototype.collaspe = function (time) { - var elem = this.option.elem; - var config = this.option; - if ($("#" + this.option.elem).is(".pear-nav-mini")) { - $.each(activeMenus, function (i, item) { - $("#" + elem + " a[menu-id='" + $(this).attr("menu-id") + "']").parent().addClass("layui-nav-itemed"); - }) - $("#" + this.option.elem).removeClass("pear-nav-mini"); - $("#" + this.option.elem).animate({ - width: "220px" - }, 150); - isHoverMenu(false, config); - } else { - activeMenus = $("#" + this.option.elem).find(".layui-nav-itemed>a"); - $("#" + this.option.elem).find(".layui-nav-itemed").removeClass("layui-nav-itemed"); - $("#" + this.option.elem).addClass("pear-nav-mini"); - $("#" + this.option.elem).animate({ - width: "60px" - }, 400); - isHoverMenu(true, config); - } - } - - function getData(url) { - var defer = $.Deferred(); - $.get(url + "?fresh=" + Math.random(), function (result) { - defer.resolve(result) - }); - return defer.promise(); - } - - function postData(url) { - var defer = $.Deferred(); - $.post(url + "?fresh=" + Math.random(), function (result) { - defer.resolve(result) - }, "json"); - return defer.promise(); - } - - function renderMenu(option) { - if (option.parseData != false) { - option.parseData(option.data); - } - if (option.data.length > 0) { - if (option.control != false) { - createMenuAndControl(option); - } else { - createMenu(option); - } - } - element.init(); - downShow(option); - option.done(); - } - - function createMenu(option) { - var menuHtml = ' |