<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>后台管理系统首页</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/cssdemo.css">
</head>
<body>
<div id="container">
<div class="left">
<div>
<div class="logo">
<img src="./相对路径资料/OIP-C (3).jpg">
<span>管理系统</span>
</div>
<div class="header-img">
<img src="./相对路径资料/OIP-C (2).jpg" alt="">
<h2>管理员：twj</h2>
</div>
<ul class="nav">
<li>首页</li>
<li>系统设置</li>
<li>用户管理</li>
<li>店铺管理</li>
<li>订单管理</li>
<li>积分管理</li>
</ul>
</div>
<div class="exit">
<span>安全退出</span>
</div>
</div>
<div class="right">
<div class="right">
<div class="header">
<span>收起菜单</span>
<span>管理系统</span>
<span>管理员：tan</span>
</div>
<div class="main">
<div class="content">
<h2>用户信息管理</h2>
<div class="line"><p></p><div>~~~~~~~~~~~~~~~~~~~~~~~~~~~~</div><p></p></div>
<div class="search-box">
<div>
<label for="username">账号：</label>
<input type="text" placeholder="请输入账号">
</div>
<div>
<label for="email">邮箱：</label>
<input type="email" placeholder="请输入邮箱">
</div>
<div>
<button>搜索</button>
</div>
</div>
<div class="line"><p></p><div>~~~~~~~~~~~~~~~~~~~~~~~~~~~~</div><p></p></div>
<div class="tb-title">
<div>ID</div>
<div>账号</div>
<div>密码</div>
<div>头像</div>
<div>邮箱</div>
<div>状态</div>
<div>操作</div>
</div>
<div class="tb-content">
<div>001</div>
<div>twj</div>
<div>******</div>
<div><img src="./相对路径资料/OIP-C (5).jpg"></div>
<div>tan@qq.com</div>
<div><span class="s-active">启用</span></div>
<div>
<button class="edit">编辑</button>
<button class="disable">禁用</button>
<button class="delete">删除</button>
</div>
</div>
<div class="tb-content">
<div>002</div>
<div>hjj</div>
<div>******</div>
<div><img src="./相对路径资料/OIP-C (5).jpg"></div>
<div>hjj@qq.com</div>
<div><span class="s-active">启用</span></div>
<div>
<button class="edit">编辑</button>
<button class="disable">禁用</button>
<button class="delete">删除</button>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<span>页脚</span>
</div>
</div>
</div>
</div>
</body>
</html>实现效果如下
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
