-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathuser_space.html
273 lines (271 loc) · 12.3 KB
/
user_space.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Galaksen-**的空间</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_1520252_yh4mjrx1ocs.css" />
<link rel="stylesheet" href="css/nav_head.css" />
<link rel="stylesheet" href="css/user_space.css" />
</head>
<body>
<div class="top hidden" title="返回顶部">
<button id="top-btn"><i class="iconfont icon-fanhuidingbu"></i></button>
</div>
<div id="header"></div>
<div class="user-container">
<div class="container">
<div class="row">
<div class="col-md-4 user-left">
<!--头部-->
<div class="text-center user-header">
<img class="img-circle user-img" src="img/head1.jpg" />
<div class="user-name">
昵称：<span>galaksen</span>
<span class="user-sex"><i class="iconfont icon-nv"></i></span>
</div>
<div class="user-id">ID：<span>04120412</span></div>
<div class="user-intro">
<div>个人简介：<span>还没有介绍~还没有介绍~还没有介绍~还没有介绍~</span></div>
</div>
<div class="num">
<a href="javascript:;">粉丝<span class="fans-num">8</span></a>
<span>|</span>
<a href="javascript:;">关注<span class="care-num">2</span></a>
</div>
<button type="button" class="btn" id="care-btn">关注</button>
</div>
<hr/>
<!--主体导航-->
<div class="text-center aside-nav">
<ul>
<li><span class="nav-active">TA的游记</span></li>
<li><span>TA的点评</span></li>
<li><span>TA的提问</span></li>
<li><span>TA的回答</span></li>
</ul>
</div>
</div>
<!--显示-->
<div class="col-md-8 user-right">
<h3 class="user-name"><span>galaksen</span>的个人空间</h3>
<div class="show-area">
<!--粉丝-->
<div class="fans-list clearfix hidden">
<ol class="breadcrumb">
<li>当前位置</li>
<li>TA的粉丝（共<span class="fans-num">4个</span>）</li>
</ol>
<div class="fans">
<a href="javascript:;"><img class="img-circle fans-img" src="img/1.jpg" /></a>
<a href="javascript:;"><span class="fans-name">用户名1</span></a>
</div>
<div class="fans">
<a href="javascript:;"><img class="img-circle fans-img" src="img/2.jpg" /></a>
<a href="javascript:;"><span class="fans-name">用户名2</span></a>
</div>
<div class="fans">
<a href="javascript:;"><img class="img-circle fans-img" src="img/3.jpg" /></a>
<a href="javascript:;"><span class="fans-name">用户名3</span></a>
</div>
<div class="fans">
<a href="javascript:;"><img class="img-circle fans-img" src="img/4.jpg" /></a>
<a href="javascript:;"><span class="fans-name">用户名4</span></a>
</div>
</div>
<!--没有粉丝时显示-->
<div class="fans-list-null text-center hidden">
<p>TA还没有粉丝哦~</p>
</div>
<!--关注的人-->
<div class="care-list clearfix hidden">
<ol class="breadcrumb">
<li>当前位置</li>
<li>TA关注的人（共<span class="fans-num">4个</span>）</li>
</ol>
<div class="care">
<a href="javascript:;"><img class="img-circle care-img" src="img/1.jpg" /></a>
<a href="javascript:;"><span class="care-name">用户名1</span></a>
</div>
<div class="care">
<a href="javascript:;"><img class="img-circle care-img" src="img/1.jpg" /></a>
<a href="javascript:;"><span class="care-name">用户名1</span></a>
</div>
<div class="care">
<a href="javascript:;"><img class="img-circle care-img" src="img/1.jpg" /></a>
<a href="javascript:;"><span class="care-name">用户名1</span></a>
</div>
</div>
<!--没有关注的人时显示-->
<div class="care-list-null text-center hidden">
<p>TA还没有关注任何人哦~</p>
</div>
<!--TA的游记-->
<div class="user-travel">
<ol class="breadcrumb">
<li>当前位置</li>
<li>TA的游记</li>
</ol>
<!--有游记-->
<div class="sent-list hidden">
<div class="note-num">已发表：<span>15篇</span></div>
<div class="travel-note">
<h4 class="note-title"><a href="javascript:;">香港|山海之间的钢铁森林(详细攻略+美食推荐)</a></h4>
<div class="note-info">
<div class="sent-time">2019-12-14 23:24</div>
<div class="note-view"><i class="iconfont icon-liulan"></i><span>浏览量(131)</span></div>
<div class="note-like"><i class="iconfont icon-like"></i>
<span>点赞(123)</span>
</div>
<div class="note-comment"><i class="iconfont icon-pinglun"></i><span>评论(5)</span></div>
<div class="note-collect"><i class="iconfont icon-xingxing"></i>
<span>收藏(5)</span>
</div>
</div>
</div>
<div class="travel-note">
<h4 class="note-title"><a href="javascript:;">香港|山海之间的钢铁森林(详细攻略+美食推荐)</a></h4>
<div class="note-info">
<div class="sent-time">2019-12-14 23:24</div>
<div class="note-view"><i class="iconfont icon-liulan"></i><span>浏览量(131)</span></div>
<div class="note-like"><i class="iconfont icon-like"></i>
<span>点赞(123)</span>
</div>
<div class="note-comment"><i class="iconfont icon-pinglun"></i><span>评论(5)</span></div>
<div class="note-collect"><i class="iconfont icon-xingxing"></i>
<span>收藏(5)</span>
</div>
</div>
</div>
</div>
<!--没有游记-->
<div class="sent-list-null text-center hidden">
<p>TA还没有发表过游记哦~</p>
</div>
</div>
<!--TA的点评-->
<div class="user-comment hidden">
<ol class="breadcrumb">
<li>当前位置</li>
<li>TA的点评（共<span class="comment-num">3个</span>）</li>
</ol>
<!--有点评时-->
<div class="comment-list hidden">
<div class="comment-content">
<div class="comment-header">TA在<span class="comment-time">2018-10-13 05:56:31</span>，点评了
<a href="food.html"><span class="type">美食</span></a>——
<a href="food_detail.html">“<span class="comment-name">西湖醋鱼</span>”</a>
</div>
<!--点评的星级-->
<div class="comment clearfix">
<div>总体评分：</div>
<div class="star">
<ul class="bottom-star clearfix">
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
</ul>
<div class="top-star">
<ul class="top-inner clearfix">
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
<li><i class="iconfont icon-xingxing"></i></li>
</ul>
</div>
</div>
<div class="avg-score"><span>8</span>分</div>
</div>
<!--点评的内容（文字）-->
<div class="comment-editor">
西湖醋鱼是最正宗的西湖草鱼来做，草鱼的刺比较多，肉也没有其它价格相比较而言贵的鱼好吃细腻，但是用醋来配上草鱼就可以制作出来非常极其美味的味道。由于草鱼身上都会带一点土的味道，所以店家一般在草鱼要被做成菜的前几天，什么都不投喂，这样草鱼就会把自身的杂物排出去一些，土腥味道也就没有那么浓重了。所以我们如果想要吃到没那么土腥的西湖醋鱼的话，小编教大家一个窍门，就是在选择饭店的时候最好要看一看这家店有没有专门喂养草鱼的鱼池，如果有的话这家店做的西湖醋鱼起码要比没有的他们做的正宗。
</div>
<!--上传的图片-->
<div class="comment-imgs">
<a href="img/food/1.jpg" target="_blank"><img src="img/food/1.jpg" /></a>
<a href="img/food/2.jpg" target="_blank"><img src="img/food/2.jpg" /></a>
<a href="img/food/3.jpg" target="_blank"><img src="img/food/3.jpg" /></a>
</div>
</div>
</div>
<!--没有点评时-->
<div class="comment-list-null text-center hidden">
<p>TA还没有任何点评哦~</p>
</div>
</div>
<!--TA的提问-->
<div class="user-question hidden">
<ol class="breadcrumb">
<li>当前位置</li>
<li>TA的提问（共<span class="question-num">3个</span>）</li>
</ol>
<!--有提问-->
<div class="question-list hidden">
<div class="question">
<h4 class="question-title">
<i class="iconfont icon-location"></i>
<span class="site">拉萨</span>
<a href="question_answer_detail.html">八月旅行国内去哪儿好？</a>
</h4>
<div class="question-detail">
预计8月6日至9日，共计4天，从北京出发。想咨询各位国内去哪儿玩儿比较好～我这儿在思考青岛和威海，有什么推荐吗？
</div>
<div class="tags">
<span class="label label-default tag">季节</span>
<span class="label label-default tag">行程安排</span>
</div>
<div class="other">
<div>浏览量(<span class="view">1231</span>)</div>
<div>关注数(<span class="care">15</span>)</div>
<div>共有回答(<span class="num">13</span>)</div>
<div>提问于<span class="ask-time">2019-11-1 11:20</span></div>
</div>
</div>
</div>
<!--没有提问-->
<div class="question-list-null text-center hidden">
<p>TA还没有任何提问哦~</p>
</div>
</div>
<!--TA的回答-->
<div class="user-answer hidden">
<ol class="breadcrumb">
<li>当前位置</li>
<li>TA的回答（共<span class="answer-num">3个</span>）</li>
</ol>
<!--有回答-->
<div class="answer-list hidden">
<div class="answer">
<div class="answer-header">TA在<span class="answer-time">2018-10-13 05:56:31</span>，回答了
<a href="question.html">问题</a>：
<h4 class="question-title">
<a href="question_answer_detail.html">“<span>八月旅行国内去哪儿好？</span>”</a>
</h4>
</div>
<div class="answer-detail">
<div>以下是TA的回答：</div>
<div class="answer-content">
四天时间去远处旅行时间太紧张了，青岛威海就是看大海，而且海水浑浊，如果特别喜欢大海可以去。如果自驾游建议去塞罕坝国家森林公园，乌兰布统大草原，第一天早上从北京出发约二个小时到达河北承德在避暑山庄边酒店住下，午餐后游避暑山庄。第二天早上出发一个多小时到达塞罕坝国家森林公园游玩，下午开一个小时到达乌兰布统大草原住宿，第三天游玩大草原骑马品尝当地美食，第四天返回北京。这条线路是我自驾游走过的。夏季草原景色非常美尤其是八月初景色更美。
</div>
<div>点赞(<span class="support">100</span>)</div>
</div>
</div>
</div>
<!--没有回答-->
<div class="answer-list-null text-center hidden">
<p>TA还没有回答任何问题哦~</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/user_space.js"></script>
</body>
</html>