-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathys.html
305 lines (281 loc) · 11.6 KB
/
ys.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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes" />
<script src="js/jquery.min.js"></script>
<script src="js/amazeui.js"></script>
<title>Campus</title>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap"
rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel = "stylesheet" type = "text/css" href = "css/food.css">
<link rel ="stylesheet" href="css/amazeui.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://kit.fontawesome.com/be620d7ba6.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="index">
<div class="Myhead">
<div class="logo">
<a href="#">
<img src="./img/school.png" />
</a>
</div>
<div class="inner">
<h1 style="margin-left: 25px;">导航栏</h1>
<span class="dropbtn" data-am-dropdown-toggle>
<i class="fa fa-list-ul"aria-hidden="true"></i></span>
<ul>
<li><a href="Campus.html">校园风采</a></li>
<li><a href="food.html">山财美食 </a></li>
<li><a href="shop_1.html">文创产品</a></li>
<li><a href="sports_activities.html">校园活动</a></li>
<li><a href="liuyanban.html">留言</a></li>
<li><a href="https://www.sdufe.edu.cn/">学校官网</a></li>
</ul>
</div>
</div>
<div>
<div class="biaoti">
<div class="biaoti1">
<div class="p1">
<img src="img/角标.png" />
</div>
<div class="biaoti2">
<p>燕山美食</p>
</div>
<div class="p2">
<img src="img/气球svg.png" />
</div>
</div>
</div>
<div class = "bobo">
<button class="accordion1">
<div id = "font">鸡公煲</div>
<img src = "img/ys_food1.jpg" width = 60px height = 60px>
<p>431人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：鸡公煲大家一定要去尝试！鸡肉十分紧实，加了生姜和辣椒后，让人欲罢不能。舌尖辣过之后，又有香菜解除油滑的口感。这道鸡公煲给了我无数美味的记忆。</p>
<p>地点：山东财经大学燕山校区东苑二楼</p>
<p>售价：12元</p>
</div>
<button class="accordion">
<div id = "font">水饺</div>
<img src = "img/ys_food2.jpg" width = 60px height = 60px>
<p>348人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：这里的水饺像极了家乡的味道。每每尝到，都会想起和家人一起过年的日子，一个个饺子晶莹剔透，摆在盘中，香而不腻，咸度适中，蘸上一点醋，酸甜可口，超级美味。</p>
<p>地点：山东财经大学燕山校区东苑一楼</p>
<p>售价：9.9元/500g</p>
</div>
<button class="accordion">
<div id = "font">麻辣烫</div>
<img src = "img/ys_food3.jpg" width = 60px height = 60px>
<p>315人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：舌尖上的麻辣烫，味蕾上满足。骨汤营养丰富，麻辣烫缕缕飘香。汤的香味在唇齿间回荡，每次我都会把汤全部喝光。萌新们可以去东苑二楼尝尝这家超好吃的麻辣烫。</p>
<p>地点：山东财经大学圣井校区西苑二楼</p>
<p>售价：1.98元/500g</p>
</div>
<button class="accordion">
<div id = "font">番茄米线</div>
<img src = "img/ys_food4.jpg" width = 60px height = 60px>
<p>308人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：汤头浓而不腻，有一股浓浓的番茄香相溶其中，生菜、海带丝在番茄浓汤鲜亮中色泽更显明艳，色香味俱全、一次偶然的机会和舍友一起去吃后，就慢慢地成为了他们家的忠实顾客。</p>
<p>地点：山东财经大学燕山校区东苑一楼</p>
<p>售价：9元</p>
</div>
<button class="accordion">
<div id = "font">瓦香鸡</div>
<img src = "img/ys_food5.jpg" width = 60px height = 60px>
<p>288人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：喷香扑鼻，色泽诱人，浓郁的香气伴着微微的麻辣的口味。鸡肉又多又有嚼劲，搭配着软烂入味的土豆，是学习一天后的幸福。还有鲜香的洋葱和青椒，分分钟治好我这个挑食星人。</p>
<p>地点：山东财经大学燕山校区东苑二楼</p>
<p>售价：14元</p>
</div>
<button class="accordion">
<div id = "font">酸菜面</div>
<img src = "img/ys_food6.jpg" width = 60px height = 60px>
<p>269人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：这里的酸菜面实在是美味！酸爽可口的酸豆角，Q弹有嚼劲的面条，肉质紧实的肉丝，味道相互融合在一起，就形成了我最爱的味道。开胃爽口，一碗下肚，暖心暖胃，特别舒服。</p>
<p>地点：山东财经大学燕山校区西苑一楼</p>
<p>售价：8元</p>
</div>
<button class="accordion">
<div id = "font">麻辣香锅</div>
<img src = "img/ys_food7.jpg" width = 60px height = 60px>
<p>264人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：麻辣香锅的麻辣劲十分足，吃完之后会感觉到整个口腔和嘴唇都已经被麻掉了，非常爽快。里面的食材入味非常足，土豆和肉完全浸入调料的味道，在品尝起来的时候口感层次非常丰富，给人一种鲜爽麻辣的感觉</p>
<p>地点：山东财经大学燕山校区东苑一楼</p>
<p>售价：1.98元/500g</p>
</div>
<button class="accordion">
<div id = "font">烤鸭腿</div>
<img src = "img/ys_food8.jpg" width = 60px height = 60px>
<p>238人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：烤鸭腿香气四溢，一闻就让人食欲大增。肉质细腻却有嚼头，外焦里嫩，咸香中带着点点酥麻的烧烤酱，超级好吃。</p>
<p>地点：山东财经大学东苑校区二餐一楼</p>
<p>售价：不等</p>
</div>
<button class="accordion">
<div id = "font">牛肉面</div>
<img src = "img/ys_food9.jpg" width = 60px height = 60px>
<p>859人推荐</p>
</button>
<div class="panel">
<p>推荐指数：</p>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<img src = "img/star.png" width = 35px height = 35px>
<p>简介：牛肉面一上桌便被笼罩在热气中。这热气，有着诱人的香味，夹杂着牛肉、青菜、白面和汤料的清香。牛肉片香软有味，面条非常筋道，使人食欲大增，回味无穷。</p>
<p>地点：山东财经大学燕山校区西苑一楼</p>
<p>售价：10元</p>
</div>
</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
<script>
var acc = document.getElementsByClassName("accordion1");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
<!-- 导航栏 -->
<div id="footer">
<div class="zuo">
<ul class="am-avg-sm-5">
<li class="active">
<a href="index.html">
<img src="img/首页.png" />
<p>首页</p>
</a>
</li>
<li class="active">
<a href="food.html">
<img src="img/美食.png" />
<p>美食</p>
</a>
</li>
<li>
<a href="shop_1.html">
<img src="img/文创.png" />
<p>文创</p>
</a>
</li>
<li class="active">
<a href="sports_activities.html">
<img src="img/活动.png" />
<p>活动</p>
</a>
</li>
<li class="active">
<a href="Campus.html">
<img src="img/风景.png" />
<p>风景</p>
</a>
</li>
</ul>
</div>
</div>
<div class="copyright">
<div class="row bottom">
<p>© 2021 H/P/G. All rights reserved </p>
<ul class="">
<li><a>燕山校区地址：山东省济南市二环东路7366号</a></li>
<li><a>电话：888888</a></li>
</ul>
<ul class="">
<li><a>圣井校区地址：山东省济南市经十东路18602号</a></li>
<li><a>电话：888888</a></li>
</ul>
<ul class="">
<li><a>舜耕校区地址：山东省济南市市中区舜耕路40号</a></li>
<li><a>电话：888888</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>