-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathuserinfo.html
148 lines (109 loc) · 5.73 KB
/
userinfo.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang ="en">
<head>
<!-- test -->
<meta charset ="utf-8">
<meta http-equiv ="X-UA-Compatible" content="IE=edge">
<meta name ="viewport" content="width=device-width, initial-scale=1">
<meta name ="description" content="">
<meta name ="author" content="">
<title>user info</title>
<!-- Bootstrap Core CSS -->
<link href ="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href ="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
<link href ='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href ='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- CSS -->
<link type ="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body id ="page-top">
<nav id ="mainNav" class="navbar navbar-default navbar-fixed-top affix">
<div class ="container-fluid">
<div class ="navbar-header">
<button type ="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class ="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class ="navbar-brand page-scroll" href="index.html">Swap</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class ="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class ="nav navbar-nav navbar-left">
<li>
<a class ="page-scroll" href="index.html#about">About</a>
</li>
<li>
<a class ="page-scroll" href="index.html#services">Services</a>
</li>
<li>
<a id="product_button" class ="page-scroll" href="index.html#portfolio">Portfolio</a>
</li>
<li>
<a class ="page-scroll" href="index.html#test">Products</a>
</li>
<li>
<a class ="page-scroll" href="index.html#credit">Our Team</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right" id="user_nav">
<li>
<a href="cart.html"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Shopping Cart</a>
</li>
<li>
<a id="nav_register_button" href="index.html#modal">Sign in</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- myaccount -->
<header>
<div class ="header-content">
<div id="site">
<div id="content">
<div>
</br></br></br></br>
<h1 style="color:black;">My Account Information</h1>
</div>
<div>
</br>
<h4 style="color:black; line-height: 30px">Welcome to your SWAP account, <span style="color:blue" id="BigUserName"></span>. You can edit your personal information here.</h4>
</div>
<p>---------------------------------------------------</p>
<div id="UserInfo">
</div>
</br></br> <h3 id ="save" class="btn btn-primary" style="margin-top:-10px">Save</h3></br>
<!-- //下面的这些在js里面动态加入。但是id是一样的 -->
<!-- '<h3>Account information</h3>'
'<p>Username: <span style="color:blue" id="UserName">'+username+'</span></p>'
'<p>Email: <span style="color:blue" id="Email">'+email+'</span></p>'
'<p>DOB: <span style="color:blue" id="DOB">'+userInfo_json.dob+'</span></p>'
'<p>Gender: <span style="color:blue" id="Gender">'+userInfo_json.gender+'</span></p>'
'<p>Phone: <span style="color:blue" id="Phone">'+userInfo_json.phone+'</span></p>'
'<p>Portrait: <span style="color:blue" id="Portrait">'+userInfo_json.portrait+'</span></p>' -->
<!-- <div class ="header-content">
<div class ="header-content-inner">
-->
<!-- <div class ="header-content">
<div class ="header-content-inner">
</section>
</div>
</div> -->
</div>
</div>
</div>
</header>
<!-- jQuery -->
<script src ="vendor/jquery/jquery.min.js"></script>
<script type="text/javascript" src="vendor/jquery/jquery.js"></script>
<script type="text/javascript" src="vendor/jquery/jquery.leanModal.min.js"></script>
<!-- Login Database -->
<script type="text/javascript" src="js/userinfo.js"></script>
<script type="text/javascript" src="js/helper.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src ="vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>