用户菜单 与 Content 内容区域 联动

component/pear/module/admin.js

@@ -117,8 +117,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
 						}, 600)
 					})
 					sideMenu.click(function(dom, data) {
-						console.log(data.menuUrl);
-
 						bodyFrame.changePage(data.menuUrl, data.menuPath, true);
 						compatible()
 					})
@@ -236,6 +234,22 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
 			}
 
 		});
+		
+		$("body").on("click",'[menu-id]',function(){
+			
+			if(getData().tab.muiltTab){
+				bodyTab.addTabOnly({
+					id: $(this).attr("menu-id"),
+					title: $(this).attr("menu-title"),
+					url: $(this).attr("menu-url"),
+					icon: "",
+					close: true
+				}, 300);
+				
+			}else{
+				bodyFrame.changePage($(this).attr("menu-url"), "", true);
+			}
+		})
 
 		function compatible() {
 			if ($(window).width() <= 768) {

index.html

@@ -31,8 +31,8 @@
 							就眠仪式
 						</a>
 						<dl class="layui-nav-child">
-							<dd><a href="">基本资料</a></dd>
-							<dd><a href="">安全设置</a></dd>
+							<dd><a menu-url="http://www.baidu.com" menu-id="5555" menu-title="基本资料">基本资料</a></dd>
+							<dd><a menu-url="http://www.baidu.com" menu-id="6666" menu-title="安全设置">安全设置</a></dd>
 							<dd><a href="login.html">注销登录</a></dd>
 						</dl>
 					</li>