85 lines
3.4 KiB
HTML
85 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
|
</head>
|
|
|
|
<body style="margin:15px;">
|
|
<h3>先看着代码哇，文档后面有时间再写(或者，谁愿意帮我写？)..</h3>
|
|
<pre class="layui-code">
|
|
//处理顶部一级菜单
|
|
var onelevel = layui.onelevel;
|
|
if (onelevel.hasElem()) {
|
|
onelevel.set({
|
|
remote: {
|
|
url: '/datas/onelevel1.json' //远程地址
|
|
},
|
|
onClicked: function(id) {
|
|
switch (id) {
|
|
case 1:
|
|
navbar.set({
|
|
remote:
|
|
{
|
|
url:
|
|
'/datas/navbar1.json'
|
|
}
|
|
}).render(function(data) {
|
|
tab.tabAdd(data);
|
|
});
|
|
break;
|
|
case 2:
|
|
navbar.set({
|
|
remote:
|
|
{
|
|
url:
|
|
'/datas/navbar2.json'
|
|
}
|
|
}).render(function(data) {
|
|
tab.tabAdd(data);
|
|
});
|
|
break;
|
|
default:
|
|
navbar.set({
|
|
data:
|
|
[{
|
|
id:
|
|
"1",
|
|
title: "基本元素",
|
|
icon: "fa-cubes",
|
|
spread: true,
|
|
children: [{
|
|
id: "7",
|
|
title: "表格",
|
|
icon: "",
|
|
url: "test.html"
|
|
},
|
|
{
|
|
id: "8",
|
|
title: "表单",
|
|
icon: "",
|
|
url: "form.html"
|
|
}]
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "这是一级导航",
|
|
icon: "fa-stop-circle",
|
|
url: "https://www.baidu.com",
|
|
spread: false
|
|
}]
|
|
}).render(function(data) {
|
|
tab.tabAdd(data);
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
}).render();
|
|
}</pre>
|
|
</body>
|
|
|
|
</html> |