No puede seleccionar más de 25 temas
Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
125 líneas
3.8 KiB
125 líneas
3.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="UTF-8">
|
|
|
|
<link rel="stylesheet" href="bootstrap-3.3.4/dist/css/bootstrap.min.css"/>
|
|
<link rel="stylesheet" href="Flat-UI-master/dist/css/flat-ui.min.css"/>
|
|
<script src="bootstrap-3.3.4/dist/js/jquery-1.11.3.min.js"></script>
|
|
<script src="bootstrap-3.3.4/dist/js/bootstrap.min.js"></script>
|
|
<script src="Flat-UI-master/dist/js/flat-ui.min.js"></script>
|
|
<title></title>
|
|
<style>
|
|
.row{
|
|
margin-left: 20px;
|
|
margin-right: 20px;;
|
|
}
|
|
.line-center{
|
|
line-height:50px;
|
|
text-align: center;
|
|
}
|
|
.row input{
|
|
width: 50px;
|
|
}
|
|
.list-group-item:hover{
|
|
background: #27ae60;
|
|
|
|
}
|
|
.list-group-item div:first-child:hover{
|
|
|
|
cursor: pointer;
|
|
}
|
|
th{
|
|
text-align: right;
|
|
width: 10%;;
|
|
padding: 10px;
|
|
}
|
|
td{
|
|
text-align: left;
|
|
width: 30%;;
|
|
padding: 10px;
|
|
}
|
|
.table th{
|
|
text-align: center;
|
|
}
|
|
.table td{
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<script>
|
|
function myClick(n){
|
|
location.href = "OrderInfo.html";
|
|
}
|
|
function btnClick(){
|
|
alert("btn");
|
|
return false;
|
|
}
|
|
$(function(){
|
|
|
|
})
|
|
</script>
|
|
<script>
|
|
$(function(){
|
|
$('#myTabs a').click(function (e) {
|
|
|
|
$(this).tab('show')
|
|
});
|
|
})
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!-- Static navbar -->
|
|
<div class="navbar navbar-default navbar-static-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="sr-only">这什么东西</span>
|
|
</button>
|
|
<a class="navbar-brand" href="Index.html">图书商城</a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active"><a href="Index.html">首页</a></li>
|
|
<li><a href="Order.html">我的订单</a></li>
|
|
<li><a href="UserInfo.html">个人中心</a></li>
|
|
<li><a href="FriendLink.html">友情链接</a></li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right hidden-sm">
|
|
<li><a href="Login.html">登录</a></li>
|
|
<li><a href="Register.html">注册</a></li>
|
|
<li>
|
|
<a href="Cart.html"><span class="glyphicon glyphicon-shopping-cart">购物车</span></a></li>
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
<!--content-->
|
|
<div class="container">
|
|
<div class="row thumbnail center col-sm-12">
|
|
<div class="col-sm-12">
|
|
<h1 class="text-center" style="margin-bottom: 30px">个人中心</h1>
|
|
</div>
|
|
|
|
<ul class="nav nav-tabs nav-justified" id="myTabs">
|
|
<li class="active"><a href="#userHome" >个人中心</a></li>
|
|
<li><a href="#editInfo">信息修改</a></li>
|
|
<li><a href="#editPassword">密码修改</a></li>
|
|
<li><a href="#orderManager">订单管理</a></li>
|
|
</ul>
|
|
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="userHome">个人中心</div>
|
|
<div role="tabpanel" class="tab-pane" id="editInfo">信息修改</div>
|
|
<div role="tabpanel" class="tab-pane" id="editPassword">密码修改</div>
|
|
<div role="tabpanel" class="tab-pane" id="orderManager">订单管理</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--footer-->
|
|
<div class="navbar navbar-default navbar-static-bottom">
|
|
版权声明区
|
|
</div>
|
|
</body>
|
|
</html>
|