删除layui-nav-tree多余html和js代码
bobi
parent
233ed2f4a8
commit
4dbaedd27a
132
index.html
132
index.html
|
|
@ -45,138 +45,6 @@
|
||||||
<div class="layui-side layui-bg-black">
|
<div class="layui-side layui-bg-black">
|
||||||
<div class="layui-side-scroll">
|
<div class="layui-side-scroll">
|
||||||
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="navFilter">
|
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="navFilter">
|
||||||
<!--多级导航示例
|
|
||||||
<li class="layui-nav-item layui-nav-itemed">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-huiyuan"></i> 会员管理
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd>
|
|
||||||
<a href="javascript:;" path="pages/user/user.html"><i class="iconfont icon-dianliyonghuzongshu"></i> 用户列表</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/user/user.html"> <i class="iconfont icon-dianliyonghuzongshu"></i> 111</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/role/role.html"> <i class="iconfont icon-jiaoseguanli"></i> 222</a></dd>
|
|
||||||
<dd>
|
|
||||||
<a href="javascript:;" path="pages/permission/permission.html"> <i class="iconfont icon-jiaoseshouquan"></i> 333</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/user/user.html"> <i class="iconfont icon-dianliyonghuzongshu"></i> 111</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/role/role.html"> <i class="iconfont icon-jiaoseguanli"></i> 222</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/permission/permission.html"> <i class="iconfont icon-jiaoseshouquan"></i> 333</a></dd>
|
|
||||||
</dl>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</dd>
|
|
||||||
<dd>
|
|
||||||
<a href="javascript:;" path="pages/role/role.html"><i class="iconfont icon-jiaoseguanli"></i> 角色列表</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/user/user.html"> <i class="iconfont icon-dianliyonghuzongshu"></i> 111</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/role/role.html"> <i class="iconfont icon-jiaoseguanli"></i> 222</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/permission/permission.html"> <i class="iconfont icon-jiaoseshouquan"></i> 333</a></dd>
|
|
||||||
</dl>
|
|
||||||
<dd><a href="javascript:;" path="pages/permission/permission.html"><i class="iconfont icon-jiaoseshouquan"></i> 权限列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!-- 停用
|
|
||||||
<li class="layui-nav-item layui-nav-itemed">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-huiyuan"></i> 会员管理
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/user/user.html"><i class="iconfont icon-dianliyonghuzongshu"></i> 用户列表</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/role/role.html"><i class="iconfont icon-jiaoseguanli"></i> 角色列表</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/permission/permission.html"><i class="iconfont icon-jiaoseshouquan"></i> 权限列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-ai-new"></i> 新闻管理
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/article/article.html"><i class="iconfont icon-wenzhang2"></i> 文章列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-liuyan"></i> 留言管理
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/message/message.html"><i class="iconfont icon-liuyan"></i> 留言列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-xiazai"></i> 下载中心
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/download/download.html"><i class="iconfont icon-xiazai"></i> 下载列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-youqinglianjie"></i> 友情链接
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/link/link.html"><i class="iconfont icon-youqinglianjie"></i> 链接列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-weibiaoti35"></i> 产品管理
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/product/product.html"><i class="iconfont icon-weibiaoti35"></i> 产品列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="layui-icon"></i> 图表页面
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/map/map1.html"><i class="iconfont icon-zhuzhuangtu"></i> 柱状图</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/map/map2.html"><i class="iconfont icon-tubiaozhexiantu"></i> 折线图</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/map/map3.html"><i class="iconfont icon-tubiaozhexiantu"></i> 折线堆叠图</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/map/map4.html"><i class="iconfont icon-bingtu"></i> 饼图</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/map/map5.html"><i class="iconfont icon-huanxingtu"></i> 环形图</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/map/map6.html"><i class="iconfont icon-huanxingtu"></i> 散布图</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="layui-icon"></i> 系统管理
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/system/system-setting.html"><i class="iconfont icon-peizhi-"></i> 网站配置</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/system/system-shield.html"><i class="iconfont icon-blacklist"></i> 屏蔽词</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/system/system-log.html"><i class="iconfont icon-rizhi"></i> 系统日志</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-shiyongbangzhu1"></i> 框架使用
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/use/use-okTab.html"><i class="iconfont icon-tab"></i> okTab使用</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/use/use-okLayer.html"><i class="iconfont icon-layer"></i> okLayer使用</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/use/use-okUtils.html"><i class="iconfont icon-gongju"></i> okUtils使用</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="https://www.layui.com/doc/element/icon.html"><i class="iconfont icon-font"></i> Layui图标</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="font/demo_index.html"><i class="iconfont icon-font"></i> Iconfont图标</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
<li class="layui-nav-item">
|
|
||||||
<a href="javascript:;">
|
|
||||||
<i class="iconfont icon-other"></i> 其他页面
|
|
||||||
</a>
|
|
||||||
<dl class="layui-nav-child">
|
|
||||||
<dd><a href="javascript:;" path="pages/user/login.html"><i class="iconfont icon-denglu"></i> 登陆页面</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/other/403.html"><i class="iconfont icon-icon-test2"></i> 403页面</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/other/404.html"><i class="iconfont icon-icon-test3"></i> 404页面</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/other/500.html"><i class="iconfont icon-icon-test4"></i> 500页面</a></dd>
|
|
||||||
<dd><a href="javascript:;" path="pages/other/donate.html"><i class="iconfont icon-juanzeng"></i> 捐赠列表</a></dd>
|
|
||||||
</dl>
|
|
||||||
</li>
|
|
||||||
-->
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -4,13 +4,12 @@ layui.config({
|
||||||
okTab: "okTab",
|
okTab: "okTab",
|
||||||
okUtils: "okUtils",
|
okUtils: "okUtils",
|
||||||
okMenu: "okMenu"
|
okMenu: "okMenu"
|
||||||
}).use(["element", "layer", "okTab", "okUtils", "okMenu"], function () {
|
}).use(["element", "layer", "okTab", "okMenu"], function () {
|
||||||
var element = layui.element;
|
var element = layui.element;
|
||||||
var layer = layui.layer;
|
var layer = layui.layer;
|
||||||
var $ = layui.jquery;
|
|
||||||
var okTab = layui.okTab;
|
var okTab = layui.okTab;
|
||||||
var okUtils = layui.okUtils;
|
|
||||||
var okMenu = layui.okMenu;
|
var okMenu = layui.okMenu;
|
||||||
|
var $ = layui.jquery;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* localhost运行提示
|
* localhost运行提示
|
||||||
|
|
@ -41,78 +40,6 @@ layui.config({
|
||||||
*/
|
*/
|
||||||
okMenu.generatorMenu("data/menu.json", "get");
|
okMenu.generatorMenu("data/menu.json", "get");
|
||||||
|
|
||||||
// okUtils.ajax("data/menu.json", "get").done(function (response) {
|
|
||||||
// var html = "";
|
|
||||||
// for (var i = 0; i < response.length; i++) {
|
|
||||||
// var d = response[i];
|
|
||||||
// html += liHtml(d);
|
|
||||||
// html += "<a href='javascript:;'>"
|
|
||||||
// html += iconHtml(d) + " " + response[i].title;
|
|
||||||
// html += "</a>"
|
|
||||||
// // var children = d.children;
|
|
||||||
// // if (children != undefined && children.length > 0) {
|
|
||||||
// // html += "<dl class='layui-nav-child'>"
|
|
||||||
// // for (var j = 0; j < children.length; j++) {
|
|
||||||
// // html += "<dd>";
|
|
||||||
// // html += "<a href='javascript:;' path='" + children[j].path + "'>" + iconHtml(children[j]) + " " + children[j].title + "</a>";
|
|
||||||
// // html += "</dd>";
|
|
||||||
// // }
|
|
||||||
// // html += "</dl>"
|
|
||||||
// // }
|
|
||||||
// var temp = createMenu(d.children);
|
|
||||||
// html += temp;
|
|
||||||
// html += "</li>";
|
|
||||||
// }
|
|
||||||
// $(".layui-nav-tree").html(html);
|
|
||||||
// element.render("nav");
|
|
||||||
// }).fail(function (error) {
|
|
||||||
// console.log(error)
|
|
||||||
// });
|
|
||||||
|
|
||||||
// function liHtml(obj) {
|
|
||||||
// var html = "";
|
|
||||||
// if (obj.spread) {
|
|
||||||
// html += "<li class='layui-nav-item layui-nav-itemed'>";
|
|
||||||
// } else {
|
|
||||||
// html += "<li class='layui-nav-item'>";
|
|
||||||
// }
|
|
||||||
// return html;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function iconHtml(obj) {
|
|
||||||
// var html = "";
|
|
||||||
// if (obj.icon) {
|
|
||||||
// if (obj.font == "iconfont") {
|
|
||||||
// html += "<i class='iconfont'>" + obj.icon + "</i>";
|
|
||||||
// } else if (obj.font == "layui-icon") {
|
|
||||||
// html += "<i class='layui-icon'> " + obj.icon + "</i>";
|
|
||||||
// } else {
|
|
||||||
// html += "<i class='iconfont'>" + obj.icon + "</i>";
|
|
||||||
// }
|
|
||||||
// } else {
|
|
||||||
// console.warn(obj.title, "icon未定义");
|
|
||||||
// }
|
|
||||||
// return html;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function createMenu(obj) {
|
|
||||||
// var html = "";
|
|
||||||
// if (obj != undefined && obj.length > 0) {
|
|
||||||
// html += "<dl class='layui-nav-child'>"
|
|
||||||
// for (var i = 0; i < obj.length; i++) {
|
|
||||||
// html += "<dd>";
|
|
||||||
// html += "<a href='javascript:;' path='" + obj[i].path + "'>" + iconHtml(obj[i]) + " " + obj[i].title + "</a>";
|
|
||||||
// var children = obj[i].children;
|
|
||||||
// if (children != undefined && children.length > 0) {
|
|
||||||
// html += createMenu(children);
|
|
||||||
// }
|
|
||||||
// html += "</dd>";
|
|
||||||
// }
|
|
||||||
// html += "</dl>"
|
|
||||||
// }
|
|
||||||
// return html;
|
|
||||||
// }
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 监听导航菜单的点击
|
* 监听导航菜单的点击
|
||||||
*/
|
*/
|
||||||
|
|
@ -127,13 +54,6 @@ layui.config({
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// 停用
|
|
||||||
// $(".layui-nav-child").find("dd").click(function () {
|
|
||||||
// var title = $(this).text();
|
|
||||||
// var path = $(this).children("a").attr("path");
|
|
||||||
// okTab.add(title, path)
|
|
||||||
// });
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 修改copyright结束时间
|
* 修改copyright结束时间
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue