root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

顶部菜单切换事件

develop
Jmysy 2020-05-31 02:09:00 +08:00
parent 1e66f6067a
commit 976bf86401
3 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js
View File

@ -39,7 +39,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear
defaultOpen: 0, //默认打开菜单 defaultOpen: 0, //默认打开菜单
accordion: true, accordion: true,
url: option.data, //数据地址 url: option.data, //数据地址
parseData: false //请求后是否进行数据解析 函数 parseData: false, //请求后是否进行数据解析 函数
change: option.change
}) })
@ -189,11 +190,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear
} }
this.themeRender = function(option) { this.themeRender = function(option) {
var color = localStorage.getItem("theme-color"); var color = localStorage.getItem("theme-color");
var menu = localStorage.getItem("theme-menu"); var menu = localStorage.getItem("theme-menu");

10
Pear Admin v 2.0/component/layui/lay/extends/pearMenu.js
View File

@ -23,6 +23,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
height:opt.height, height:opt.height,
theme:opt.theme, theme:opt.theme,
data:opt.data ? opt.data:[], data:opt.data ? opt.data:[],
change: opt.change ? opt.change:function(){console.log("切换") },
done:opt.done ? opt.done: function(){ console.log("菜单渲染成功");} done:opt.done ? opt.done: function(){ console.log("菜单渲染成功");}
} }
@ -242,14 +243,14 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
if(index === option.defaultMenu){ if(index === option.defaultMenu){
controlItem = '<li pear-id="'+item.id+'" class="layui-this layui-nav-item"><a href="#">'+item.title+'</a></li>'; controlItem = '<li pear-href="'+item.href+'" pear-title="'+item.title+'" pear-id="'+item.id+'" class="layui-this layui-nav-item"><a href="#">'+item.title+'</a></li>';
menuItem = '<ul pear-id="'+item.id+'" lay-filter="'+option.elem+'" class="layui-nav arrow layui-nav-tree pear-nav-tree">'; menuItem = '<ul pear-id="'+item.id+'" lay-filter="'+option.elem+'" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
}else{ }else{
controlItem = '<li pear-id="'+item.id+'" class="layui-nav-item"><a href="#">'+item.title+'</a></li>'; controlItem = '<li pear-href="'+item.href+'" pear-title="'+item.title+'" pear-id="'+item.id+'" class="layui-nav-item"><a href="#">'+item.title+'</a></li>';
menuItem = '<ul style="display:none" pear-id="'+item.id+'" lay-filter="'+option.elem+'" class="layui-nav arrow layui-nav-tree pear-nav-tree">'; menuItem = '<ul style="display:none" pear-id="'+item.id+'" lay-filter="'+option.elem+'" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
@ -314,12 +315,9 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
$("#"+option.elem).find(".pear-nav-tree[pear-id='"+$(this).attr("pear-id")+"']").css({display:'block'}); $("#"+option.elem).find(".pear-nav-tree[pear-id='"+$(this).attr("pear-id")+"']").css({display:'block'});
option.change($(this).attr("pear-id"),$(this).attr("pear-title"),$(this).attr("pear-href"))
}) })
} }
/** 加载子菜单 (递归)*/ /** 加载子菜单 (递归)*/

6
Pear Admin v 2.0/index.html
View File

@ -72,10 +72,14 @@
var config = { var config = {
keepLoad: 1200, // 主 页 加 载 过 度 时 长 可为 false keepLoad: 1200, // 主 页 加 载 过 度 时 长 可为 false
muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭 muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭 control: true, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题 theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
index: 'view/console/console1.html', // 默 认 加 载 主 页 index: 'view/console/console1.html', // 默 认 加 载 主 页
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址 data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
change: function(id,title,href){
// 顶部菜单切换事件
},
done: function() { done: function() {
/** 框架初始化 */ /** 框架初始化 */
} }