<!--后台管理系统页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<title></title>
</head>
<style type="text/css">
.cus-tc{
padding-top:50px;
}
.cus-liebiao ul{
padding-left:40px;
}
.cus-bor{
border:1px solid #ddd;
}
.cus-fenye{
text-align:center;
}
.cus-fenye ul{
margin:0;
}
#cus-middle tr td{
text-align:center;
vertical-align:middle;
}
</style>
<body>
<nav class=".navbar navbar-inverse navbar-fixed-top">
<div class="navbar-brand">超级程序员后台管理系统</div>
<ul class="nav navbar-nav pull-right">
<li><a href="#">欢迎</a></li>
<li><a href="#">退出</a></li>
</ul>
</nav>
<ul class="nav nav-pills cus-tc">
<li class="active"><a href="">的股份</a></li>
<li><a href="">的股份</a></li>
<li><a href="">的股份</a></li>
</ul>
<!-- 左侧选择条 -->
<div class="row">
<div class="col-lg-2 cus-bor">
<ul class="nav nav-pills nav-stacked cus-liebiao">
<li>
<a href="#my-dd" data-toggle="collapse">
<span class="glyphicon glyphicon-triangle-bottom"></span>订单管理
</a>
<ul class="nav nav-pills nav-stacked collapse in" id="my-dd">
<li><a href="#cus-mylist" data-toggle="collapse">我的订单</a></li>
<li><a href="">他的订单</a></li>
</ul>
</li>
<li>
<a href="#my-vip" data-toggle="collapse">
<span class="glyphicon glyphicon-triangle-bottom"></span>会员管理
</a>
<ul class="nav nav-pills nav-stacked collapse" id="my-vip">
<li><a href="">我的会员</a></li>
<li><a href="">他的会员</a></li>
</ul>
</li>
</ul>
</div>
<!-- 右侧 数据列表 -->
<div class="col-lg-10">
<div class="panel panel-default collapse in" id="cus-mylist">
<div class="panel-heading">
<form action="" role="form" class="form-inline">
<input type="text" placeholder="输入选择" class="form-control">
<input type="submit" class="btn btn-primary form-control" value="点击查询" >
</form>
</div>
<table class="table table-bordered table-hover " id="cus-middle">
<tr>
<th>时间</th>
<th>姓名</th>
<th>年鱼儿阿萨德</th>
<th>年月日</th>
<th>开始备份数</th>
<th>爱迪生多</th>
<th>啊啊啊啊啊啊</th>
<th>啊啊啊啊啊</th>
<th>啊啊啊啊啊啊</th>
<th>啊啊啊啊</th>
<th>我问问</th>
<th>是是是</th>
<th>开始更改</th>
</tr>
<tr>
<td>aaaaaaaaaaaa</td>
<td>aaaaaaaaa</td>
<td>aaaaaaaaaaa</td>
<td>wwwwwwwwwwwww</td>
<td>wwwwwwwwwww</td>
<td>反反复复凤付</td>
<td>反反复复凤飞</td>
<td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多</td>
<td>的顶顶顶顶顶多多</td>
<td>顶顶顶顶顶多</td>
<td>的顶顶顶顶顶顶</td>
<td>二分法付风二二二</td>
<td>的顶顶顶顶顶</td>
</tr><tr>
<td>aaaaaaaaaaaa</td>
<td>aaaaaaaaa</td>
<td>aaaaaaaaaaa</td>
<td>wwwwwwwwwwwww</td>
<td>wwwwwwwwwww</td>
<td>反反复复凤付</td>
<td>反反复复凤飞</td>
<td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多</td>
<td>的顶顶顶顶顶多多</td>
<td>顶顶顶顶顶多</td>
<td>的顶顶顶顶顶顶</td>
<td>二分法付风二二二</td>
<td>的顶顶顶顶顶</td>
</tr><tr>
<td>aaaaaaaaaaaa</td>
<td>aaaaaaaaa</td>
<td>aaaaaaaaaaa</td>
<td>wwwwwwwwwwwww</td>
<td>wwwwwwwwwww</td>
<td>反反复复凤付</td>
<td>反反复复凤飞</td>
<td style="width:90px; ">的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多的顶顶顶顶顶顶多</td>
<td>的顶顶顶顶顶多多</td>
<td>顶顶顶顶顶多</td>
<td>的顶顶顶顶顶顶</td>
<td>二分法付风二二二</td>
<td>[修改][确认]</td>
</tr>
<tr>
<td colspan="13" class="cus-fenye">
<ul class="pagination">
<li><a href="#">上一页</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">下一页</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
boots后台管理系统
最新推荐文章于 2021-10-14 10:11:39 发布