-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
132 lines (128 loc) · 6.92 KB
/
profile.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Cache-control" content="no-cache">
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="telephone=no" name="format-detection">
<meta content="address=no" name="format-detection">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/default.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jQuery-plugin-zxjcalendar-min.js"></script>
<title>个人信息</title>
</head>
<body class="bgc">
<!--正文部分-->
<div class=" body_box pct100" id="body_box">
<div class="pct100 body_box">
<div class="ml-5 pl10 pr10 h44">
<a href="javascript:;" id="show_nav" class="abs" ><img src="images/more_ico.png" /></a>
<div class="wh h44 lh44 pl50 tab_user"><span class="pct33 tc dib b f-16 active">个人账户</span><span class="pct33 tc dib b f-16">修改密码</span><span class="pct33 tc dib b f-16">我的积分</span></div>
</div>
<div class="user_info">
<div class="user_p_info lh35 f-14 b pl15 pt10 pr15 show_info_box">
<p class="n bbc2" style="color:#c1b7a9;">尊敬的会员，以下是您的注册个人信息</p>
<div class="bbc2"><label>卡 号：</label>80002168</div>
<div class="bbc2"><label>姓 名：</label>王大锤</div>
<div class="bbc2"><label>身份证号：</label>341158812316543164813</div>
<div class="bbc2"><label>手 机：</label>186578456987</div>
<div class="bbc2"><label>邮 箱：</label>admin@admin.com</div>
</div>
<div class="user_p_password lh35 f-14 b pl15 pt15 pr15 dn show_info_box">
<div><input type="password" class="ui-input pct100 f-16 b mb15" placeholder="原密码" /></div>
<div><input type="password" class="ui-input pct100 f-16 b mb15" placeholder="新密码" /></div>
<div><input type="password" class="ui-input pct100 f-16 b mb15" placeholder="确认密码" /></div>
<div><a href="" class="ui-btn db tc h44 lh44 b f-24 submit_btn"><em>提交</em></a></div>
</div>
<div class="user_p_point lh35 f-14 pt10 dn show_info_box">
<p class="n pl15 pr15" style="color:#847d74;">可用积分合计：500 累计积分合计：20000</p>
<table width="100%" border="0" style="table-layout: fixed;">
<thead>
<tr>
<td class="bg07 tc wh b">产生日期</td>
<td class="bg07 tc wh b">积分数</td>
<td class="bg07 tc wh b">失效日期 </td>
<td class="bg07 tc wh b">积分来源</td>
</tr>
</thead>
<tbody>
<tr>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">200</td>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">消费积分</td>
</tr>
<tr>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">200</td>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">消费积分</td>
</tr>
<tr>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">200</td>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">消费积分</td>
</tr>
<tr>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">200</td>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">消费积分</td>
</tr>
<tr>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">200</td>
<td class="tc bbc2">2012-12-12</td>
<td class="tc bbc2">消费积分</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!--end-->
<!--侧边导航-->
<div class="abs men_box pct80 " id="left_nav">
<div class="h44 lh44 tel_box clearfix pct100"><a href="tel:10010" class="tel db l lh44 h44" ><img src="images/tel.png" width="25" height="25" class="db m mt10" /></a><a href="javascript:;" id="closed" class="closed db r lh44 h44" ><img src="images/closed.png" class="db m mt5" /></a></div>
<div class="p20 left_logo"><img src="images/left_logo.png" height="90" class="db m" /></div>
<div>
<ul class="menu">
<li class="home_ico"><a href="" class="db f-18 b ">首页</a><em class="f-16">+</em></li>
<li class="book_ico"><a href="" class="db f-18 b ">酒店预订</a><em class="f-16">+</em></li>
<li class="order_ico"><a href="" class="db f-18 b ">订单管理</a><em class="f-16">+</em></li>
<li class="user_ico"><a href="" class="db f-18 b ">个人账户</a><em class="f-16">+</em></li>
<li class="cuxiao_ico"><a href="" class="db f-18 b ">促销活动</a><em class="f-16">+</em></li>
</ul>
</div>
</div>
<!--end-->
<script type="text/javascript">
$(function(){
$("#show_nav").bind("click",function(){
$("#left_nav").css({"box-shadow":"2px 0px 10px #000"});
$("#body_box").stop(true,true).animate({"left":"80%"});
$("#left_nav").stop(true,true).animate({"left":0});
$("#show_nav").hide();
return false;
})
$("#closed").bind("click",function(){
$("#left_nav").css({"box-shadow":"none"});
$("#body_box").stop(true,true).animate({"left":0});
$("#left_nav").stop(true,true).animate({"left":"-80%"});
$("#show_nav").show();
return false;
})
$(".tab_user span").bind("click",function(){
var iin=$(this).index();
$(this).addClass("active").siblings().removeClass("active");
$(".user_info .show_info_box").eq(iin).show().siblings().hide();
})
})
</script>
</body>
</html>