layuimini 菜单框架扩展左边菜单增加徽章提醒

EasyAdmin
原效果

修改后效果：

文件位置\public\static\plugs\lay-module\layuimini\miniMenu.js

       /*** 渲染一级菜单*/compileMenu: function(menu,isSub){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.acount!=null&&d.acount>0){}} <span class="layui-badge">{{d.acount}}</span> {{#}}}  {{# if(d.children){}} {{d.children}} {{#}}} </li>' ;if(isSub){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.acount!=null&&d.acount>0){}} <span class="layui-badge">{{d.acount}}</span> {{#}}}  {{# if(d.children){}} {{d.children}} {{#}}}</dd>'}return laytpl(menuHtml).render(menu);},compileMenuContainer :function(menu,isSub){var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{d.className}}" id="{{d.id}}">{{d.children}}</ul>' ;if(isSub){wrapperHtml = '<dl class="layui-nav-child ">{{d.children}}</dl>' ;}if(!menu.children){return "";}return laytpl(wrapperHtml).render(menu);},each:function(list,callback){var _list = [];for(var i = 0 ,length = list.length ; i<length ;i++ ){_list[i] = callback(i,list[i]) ;}return _list ;},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,{ childOpenClass: options.childOpenClass || '' });}menu.className = "" ;menu.childOpenClass = options.childOpenClass || ''return me.compileMenu(menu,true)}).join("");return me.compileMenuContainer({ children:html },true)},renderLeftMenu :function(leftMenus,options){options = options || {};var me = this ;var acount=null; var leftMenusHtml =  me.each(leftMenus || [],function (idx,leftMenu) { // 左侧菜单遍历if (typeof(leftMenu.child) != "undefined"){//我添加的for (var i=0;i<leftMenu.child.length;i++) {if (leftMenu.child[i].count==1&&leftMenu.child[i].href!=""){$.ajaxSettings.async = false;$.getJSON(leftMenu.child[i].href+"&getcount=1", function (data) {if (data.status== "ok") {  //console.log(data.count);leftMenu.child[i].acount=data.count;}  }); }}} // console.log(leftMenu.child);var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass:options.childOpenClass });acount=null;if (leftMenu.count==1&&leftMenu.href!=""){ $.ajaxSettings.async = false;$.getJSON(leftMenu.href+"&getcount=1", function (data) {if (data.status== "ok") {   acount=data.count;}  });}var leftMenuHtml = me.compileMenu({href:leftMenu.href,target:leftMenu.target,childOpenClass:options.childOpenClass,icon:leftMenu.icon,title:leftMenu.title,acount:acount,//我添加的children:children,className: '',});return leftMenuHtml ;}).join("");leftMenusHtml = me.compileMenuContainer({ id:options.parentMenuId,className:options.leftMenuCheckDefault,children:leftMenusHtml }) ;return leftMenusHtml ;},

layuimini 菜单框架扩展左边菜单增加徽章提醒相关推荐

“动吧“ - crud 练习 part7 - Shiro安全框架简介 - 58~60 - 、[扩展] - 动态菜单 - 60
名词: ------------------------------------------- subject - 主体.起因 - (登录到==>登录成功后 , 全部的记录) principal ...
FineUI大版本升级，外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架
FineUI v3.3.0 更新的内容非常多,所以一下子从 v3.2.6 连跳 3 个小版本,直接来到了 v3.3.0.详细的更新记录请参考这里:http://fineui.com/version 主 ...
FineUI大版本升级，外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架...
FineUI v3.3.0 更新的内容非常多,所以一下子从 v3.2.6 连跳 3 个小版本,直接来到了 v3.3.0.详细的更新记录请参考这里:http://fineui.com/version 主 ...
Android滑动菜单框架完全解析，教你如何一分钟实现滑动菜单特效
转载请注明出处:http://blog.csdn.net/sinyu890807/article/details/8744400 之前我向大家介绍了史上最简单的滑动菜单的实现方式,相信大家都还记得.如 ...
微信小程序 - 实践- 001-实现一个多TAB的菜单框架
1 前言: 多TAB的菜单框架,可以把不同内容的菜单选项进行分类,应该是常用的方法: 例如上面这个主界面由4个TAB菜单构成. 在微信给出的DEMO例子里面,也有相应的多TAB的使用, 在前一篇博客文 ...
基于Ajax+div的“左边菜单、右边内容”页面效果实现
效果演示: ①默认页面(index.jsp): ②:点击左侧用户管理标签下的用户列表选项后,右边默认页面内容更新为用户列表页(userList.jsp)的内容 : ③:同理,点击产品管理.订 ...
太平洋电脑网左边菜单的实现
由于本周同事请假了,所以她的任务得由我来接受.她走之前就告诉我说展示页面的那棵树要改造成太平洋电脑网左边菜单的样式,效果图如:http://product.pconline.com.cn/ 昨天下午研 ...
[MAC各类右键菜单修改]Automator WorkFlow: 扩展右键菜单
一.前(废)言(话) Automator是我最喜欢的OS X预装程序之一,能轻松以简单的拖拽创建一个工作流程(WorkFlow),也能用AppleScript和终端Shell辅助完成操 ...
一个开源经典的MCU菜单框架设计
来源:嵌入式专栏不知道有多少人折腾过液晶显示的菜单,我觉得很多人都应该搞过,我还记得以前大学参加电子设计竞赛获奖的作品,我就用到了一个12864,里面有菜单功能. 以前可能觉得菜单高大上,其实并不是 ...

layuimini 菜单框架扩展左边菜单增加徽章提醒

layuimini 菜单框架扩展左边菜单增加徽章提醒相关推荐

最新文章

热门文章