加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 4.58 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大事件-后台首页</title>
<!-- 引入layui的css文件 -->
<link rel="stylesheet" href="/assets/lib//layui/css/layui.css">
<!-- 导入字体图标库的样式文件 -->
<link rel="stylesheet" href="/assets/fonts/iconfont.css">
<!-- 引入index.css文件 -->
<link rel="stylesheet" href="/assets/css/index.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">
<img src="/assets/images/logo.png" alt="">
</div>
<!-- 头部区域(可配合layui已有的水平导航) -->
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
<span class="text-avatar">A</span>
个人中心
</a>
<dl class="layui-nav-child">
<dd><a href="/user/user_info.html" target="fm">基本资料</a></dd>
<dd><a href="/user//user_avatar.html" target="fm">更换头像</a></dd>
<dd><a href="/user/user_pwd.html" target="fm">重置密码</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" id="logout">
<span class="iconfont icon-tuichu"></span>退出
</a>
</li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 头像 -->
<div class="userinfo">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
<span class="text-avatar">A</span>
<span id="welcome">欢迎 **</span>
</div>
<!-- 左侧导航区域(可配合layui已有的垂直导航) -->
<ul class="layui-nav layui-nav-tree" lay-shrink="all">
<li class="layui-nav-item layui-this">
<a href="/home/dashboard.html" target="fm">
<span class="iconfont icon-home"></span>首页
</a>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">
<span class="iconfont icon-16"></span>文章管理
</a>
<dl class="layui-nav-child">
<dd><a href="/article/art_cate.html" target="fm"><i class="layui-icon layui-icon-app"></i>文章类别</a>
</dd>
<dd><a href="/article/art_list.html" target="fm"><i class="layui-icon layui-icon-app"></i>文章列表</a></dd>
<dd><a href="/article/art_pub.html" target="fm"><i class="layui-icon layui-icon-app"></i>发布文章</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<span class="iconfont icon-user"></span>个人中心
</a>
<dl class="layui-nav-child">
<dd><a href="/user/user_info.html" target="fm"><i class="layui-icon layui-icon-app"></i>基本资料</a></dd>
<dd><a href="/user/user_avatar.html" target="fm"><i class="layui-icon layui-icon-app"></i>更换头像</a></dd>
<dd><a href="/user/user_pwd.html" target="fm"><i class="layui-icon layui-icon-app"></i>重置密码</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 内容主体区域 -->
<iframe name="fm" src="" frameborder="0"></iframe>
</div>
<div class="layui-footer">
<!-- 底部固定区域 -->
© www.itheima.com - 黑马程序员
</div>
</div>
<!-- 引入layui的js文件 -->
<script src="/assets/lib/layui/layui.all.js"></script>
<script src="./assets/lib/jquery.js"></script>
<script src="./assets/js/baseAPI.js"></script>
<script src="./assets/js/index.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化