完善左边菜单

v1.0
Mr.X 2018-06-04 12:37:55 +08:00
parent 724e55ba67
commit ee0c230afb
2 changed files with 63 additions and 10 deletions

View File

@ -48,28 +48,54 @@
<!--左侧导航区域-->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe613;</i> 用户管理
<i class="layui-icon">&#xe62a;</i> 常用页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" onclick="tabTest()">用户列表</a></dd>
<dd><a href="javascript:;">列表二</a></dd>
<dd><a href="javascript:;">列表三</a></dd>
<dd><a href="javascript:;">文章列表</a></dd>
<dd><a href="javascript:;">404页面</a></dd>
<dd><a href="javascript:;">500页面</a></dd>
<dd><a href="javascript:;">403页面</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe705;</i> 文章管理
<i class="layui-icon">&#xe62c;</i> 图表页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">文章列表</a></dd>
<dd><a href="javascript:;">发布文章</a></dd>
<dd><a href="javascript:;">折线图</a></dd>
<dd><a href="javascript:;">柱状图</a></dd>
<dd><a href="javascript:;">雷达图</a></dd>
<dd><a href="javascript:;">热力图</a></dd>
<dd><a href="javascript:;">仪表图</a></dd>
<dd><a href="javascript:;">饼图</a></dd>
<dd><a href="javascript:;">地图</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">云市场</a></li>
<li class="layui-nav-item"><a href="">发布商品</a></li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe646;</i> 图标字体
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">Layui内置图标</a></dd>
<dd><a href="javascript:;">阿里图标库</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe716;</i> 系统管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">系统设置</a></dd>
<dd><a href="javascript:;">屏蔽词</a></dd>
<dd><a href="javascript:;">系统日志</a></dd>
</dl>
</li>
<!--<li class="layui-nav-item"><a href="">云市场</a></li>-->
<!--<li class="layui-nav-item"><a href="">发布商品</a></li>-->
</ul>
</div>
</div>

View File

@ -12,7 +12,7 @@
<body>
<div class="ok-body">
<blockquote class="layui-elem-quote">
欢迎管理员:<span class="x-red">bobi</span>!当前时间:2018-04-25 20:50:53
欢迎管理员:<span class="x-red">bobi</span>!当前时间: <span id="nowTime"></span>
</blockquote>
<fieldset class="layui-elem-field">
<legend>数据统计</legend>
@ -126,5 +126,32 @@
</li>
</ul>
</div>
<script type="text/javascript">
// 初始化函数
setDate();
var nowDate1 = "";
function setDate() {
var date = new Date();
var year = date.getFullYear();
nowDate1 = year + "-" + addZero((date.getMonth() + 1)) + "-" + addZero(date.getDate()) + " ";
nowDate1 += addZero(date.getHours()) + ":" + addZero(date.getMinutes()) + ":" + addZero(date.getSeconds());
document.getElementById("nowTime").innerHTML = nowDate1;
setTimeout('setDate()', 1000);
}
/**
* 年月日是分秒为10以下的数字则添加0字符串
* @param time
* @returns {number | *}
*/
function addZero(time) {
var i = parseInt(time);
if (i / 10 < 1) {
i = "0" + i;
}
return i;
}
</script>
</body>
</html>