root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

为左侧菜单加入导航图标

v1.0
bobi 2018-08-25 10:48:03 +08:00
parent f2fb3bcdf4
commit 77a6c95bf2
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/okadmin.css
View File

@ -34,6 +34,11 @@
cursor: pointer
}
/*左侧菜单栏文字样式*/
.layui-nav-tree .layui-nav-child a {
padding-left: 36px;
}
/*主体内容样式*/
.content-body {
position: absolute;

30
index.html
View File

@ -9,7 +9,7 @@
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/okadmin.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_zgnu7d9pokb.css">
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
</head>
<body class="layui-layout-body">
@ -58,17 +58,17 @@
<i class="layui-icon">&#xe62a;</i> 常用页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1">用户列表</a></dd>
<dd><a href="javascript:;" path="article.html" tab-id="1-2">文章列表</a></dd>
<dd><a href="javascript:;" path="role.html" tab-id="1-3">角色列表</a></dd>
<dd><a href="javascript:;" path="permission.html" tab-id="1-4">权限列表</a></dd>
<dd><a href="javascript:;" path="process.html" tab-id="1-5">流程列表</a></dd>
<dd><a href="javascript:;" path="image.html" tab-id="1-6">图片列表</a></dd>
<dd><a href="javascript:;" path="login.html" tab-id="1-7">登陆页面</a></dd>
<dd><a href="javascript:;" path="404.html" tab-id="1-8">404页面</a></dd>
<dd><a href="javascript:;" path="403.html" tab-id="1-9">403页面</a></dd>
<dd><a href="javascript:;" path="500.html" tab-id="1-10">500页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="1-11">捐赠列表</a></dd>
<dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 用户列表</a></dd>
<dd><a href="javascript:;" path="article.html" tab-id="1-2"><i class="iconfont icon-wenzhang2"></i> 文章列表</a></dd>
<dd><a href="javascript:;" path="role.html" tab-id="1-3"><i class="iconfont icon-jiaose"></i> 角色列表</a></dd>
<dd><a href="javascript:;" path="permission.html" tab-id="1-4"><i class="iconfont icon-jiaoseshouquan"></i> 权限列表</a></dd>
<dd><a href="javascript:;" path="process.html" tab-id="1-5"><i class="iconfont icon-liucheng"></i> 流程列表</a></dd>
<dd><a href="javascript:;" path="image.html" tab-id="1-6"><i class="iconfont icon-tupian"></i> 图片列表</a></dd>
<dd><a href="javascript:;" path="login.html" tab-id="1-7"><i class="iconfont icon-denglu"></i> 登陆页面</a></dd>
<dd><a href="javascript:;" path="404.html" tab-id="1-8"><i class="iconfont icon-404cuowu"></i> 404页面</a></dd>
<dd><a href="javascript:;" path="403.html" tab-id="1-9"><i class="iconfont icon-icon-test"></i> 403页面</a></dd>
<dd><a href="javascript:;" path="500.html" tab-id="1-10"><i class="iconfont icon-icon-test1"></i> 500页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="1-11"><i class="iconfont icon-juanzeng"></i> 捐赠列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
@ -98,9 +98,9 @@
<i class="layui-icon">&#xe716;</i> 系统管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-1">系统设置</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-2">屏蔽词</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-3">系统日志</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-1"><i class="iconfont icon-settings"></i> 系统设置</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-2"><i class="iconfont icon-blacklist"></i> 屏蔽词</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-3"><i class="iconfont icon-rizhi"></i> 系统日志</a></dd>
</dl>
</li>
</ul>