Merge pull request #33 from 25juan/v2

修复菜单不能全部展开的问题
zhongshaofa · Apr 13, 2020 · e2c67de · e2c67de
2 parents 86dfd8a + b2dd30b
commit e2c67de
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/js/lay-module/layuimini/miniMenu.js b/js/lay-module/layuimini/miniMenu.js
@@ -42,7 +42,7 @@ layui.define(["element","laytpl" ,"jquery"], function (exports) {
                 leftMenuCheckDefault = 'layui-this';
             var me = this ;
             if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
-            leftMenuHtml = this.renderLeftMenu(menuList) ;
+            leftMenuHtml = this.renderLeftMenu(menuList,{ childOpenClass:childOpenClass }) ;
             $('.layui-layout-body').addClass('layuimini-single-module'); //单模块标识
             $('.layuimini-header-menu').remove();
             $('.layuimini-menu-left').html(leftMenuHtml);
@@ -54,9 +54,9 @@ layui.define(["element","laytpl" ,"jquery"], function (exports) {
          * 渲染一级菜单
          */
         compileMenu: function(menu,isSub){
-            var menuHtml = '<li {{#if( d.menu){ }}  data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.className}}"  {{#if( d.id){ }}  id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }}  target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }}  <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a>  {{# if(d.children){}} {{d.children}} {{#}}} </li>' ;
+            var menuHtml = '<li {{#if( d.menu){ }}  data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}"  {{#if( d.id){ }}  id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }}  target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }}  <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a>  {{# if(d.children){}} {{d.children}} {{#}}} </li>' ;
             if(isSub){
-                menuHtml = '<dd class="menu-dd {{d.className }}"> <a href="javascript:;"  {{#if( d.menu){ }}  data-menu="{{d.menu}}" {{#}}} {{#if( d.id){ }}  id="{{d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }}  target="{{d.target}}" {{#}}}> {{#if( d.icon){ }}  <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}}</dd>'
+                menuHtml = '<dd class="menu-dd {{d.childOpenClass}} {{ d.className }}"> <a href="javascript:;"  {{#if( d.menu){ }}  data-menu="{{d.menu}}" {{#}}} {{#if( d.id){ }}  id="{{d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }}  target="{{d.target}}" {{#}}}> {{#if( d.icon){ }}  <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}}</dd>'
             }
             return laytpl(menuHtml).render(menu);
         },
@@ -78,14 +78,15 @@ layui.define(["element","laytpl" ,"jquery"], function (exports) {
             }
             return _list ;
         },
-        renderChildrenMenu:function(menuList){
+        renderChildrenMenu:function(menuList,options){
             var me = this ;
             menuList = menuList || [] ;
             var html = this.each(menuList,function (idx,menu) {
                 if(menu.child && menu.child.length){
-                    menu.children = me.renderChildrenMenu(menu.child,true);
+                    menu.children = me.renderChildrenMenu(menu.child,{ childOpenClass: options.childOpenClass || '' });
                 }
                 menu.className = "" ;
+                menu.childOpenClass = options.childOpenClass || ''
                 return me.compileMenu(menu,true)
             }).join("");
             return me.compileMenuContainer({ children:html },true)
@@ -94,11 +95,11 @@ layui.define(["element","laytpl" ,"jquery"], function (exports) {
             options = options || {};
             var me = this ;
             var leftMenusHtml =  me.each(leftMenus || [],function (idx,leftMenu) { // 左侧菜单遍历
-                var children = me.renderChildrenMenu(leftMenu.child);
+                var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass:options.childOpenClass });
                 var leftMenuHtml = me.compileMenu({
                     href:leftMenu.href,
                     target:leftMenu.target,
-                    className:"",
+                    childOpenClass:options.childOpenClass,
                     icon:leftMenu.icon,
                     title:leftMenu.title,
                     children:children
@@ -140,6 +141,7 @@ layui.define(["element","laytpl" ,"jquery"], function (exports) {
                 });
                 leftMenuHtml+=me.renderLeftMenu(val.child,{
                     parentMenuId:menu,
+                    childOpenClass:childOpenClass,
                     leftMenuCheckDefault:leftMenuCheckDefault
                 });
                 headerMobileMenuHtml +=me.compileMenu({ id:id,menu:menu,id:id,icon:val.icon, title:val.title, },true);