-
Notifications
You must be signed in to change notification settings - Fork 0
/
shop.html
732 lines (719 loc) · 34.3 KB
/
shop.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
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="resource/vendor.css">
<link rel="stylesheet" href="resource/reset.css">
<link rel="stylesheet" href="resource/style.css">
<link rel="stylesheet" href="resource\FONT\css\font-awesome.min.css">
<link rel="stylesheet" href="css/shop.css">
</head>
<body>
<div class="style"></div>
<div class="container_fluid">
<div id="top"></div>
<div class="shopguide">
<nav>
<a href="/" class="topbar-logo icon-logo"><span>饿了么</span></a>
<div class="user">
<span class="topbar-icon icon-profile" ></span>
<a href="">登录/</a><a href="">注册</a>
</div>
<ul class="cd-tabs-navigation">
<li><a data-content="homepage" href="main.html" style="color:white">首页</a></li>
<li><a data-content="brand-merchant" href="#0" style="color:white">品牌商家
<i class="elemeicon elemeicon-hot"></i>
</a></li>
<li><a data-content="order" href="#0" style="color:white">我的订单</a></li>
<li><a data-content="cooperation" href="#0" style="color:white">加盟合作</a></li>
<li><a data-content="shop" href="#0" style="font-size:14px">
<i class="topbar-icon icon-gift"></i>积分商场</a></li>
<li><a data-content="service" href="#0" style="font-size:14px">
<i class="topbar-icon icon-service"></i>服务中心</a></li>
<li><a data-content="mobile" href="#0" style="font-size:14px">
<i class="topbar-icon icon-mobile"></i>手机应用</a></li>
</ul> <!-- cd-tabs-navigation -->
</nav>
<div class="container">
<div class="shopguide-info">
<img src="http://fuss10.elemecdn.com/5/c6/c495bdfa46cca4c65cdf441e95a90jpeg.jpeg?imageMogr2/thumbnail/95x95/format/webp/quality/85" alt="轰咖咖喱饭｜⚽️（仓前路店）">
<div class="shopguide-info-wrapper">
<div>
<h1 title="轰咖咖喱饭｜⚽️（仓前路店）" >轰咖咖喱饭｜⚽️（仓前路店）</h1>
</div>
<div class="shopguide-info-rate">
<div class="starrating icon-star " title="评分4.3分" >
<span class="icon-star" style="width: 86%;"></span>
</div> (<a >289</a>)
<span >月售1089单</span>
</div>
<p>
<span class="shopguide-tag" >盖浇饭</span>
<span class="shopguide-tag" >炸鸡炸串</span>
<span class="shopguide-tag" >香锅砂锅</span>
<span class="shopguide-tag" >地方小吃</span>
</p>
</div>
<div class="shopguide-info-extra">
<ul>
<li class="shopguide-extra-item shopguide-extra-compete">
<div>
<h2 class="color-stress" >4.3</h2>
<p>综合评价<br>
<span class="color-mute ">高于周边商家</span>
<span class="color-stress" >51.6%</span>
</p>
</div>
<div>
<p>服务态度
<div class="starrating icon-star " title="评分4.3分" >
<span class="icon-star" style="width: 85.0878%;"></span>
</div>
<span class="color-stress ">4.3分</span>
</p>
<p>菜品评价
<div class="starrating icon-star" title="评分4.3分" >
<span class="icon-star" style="width: 85.2778%;"></span>
</div>
<span class="color-stress ">4.3分</span>
</p>
</div>
</li>
<li class="shopguide-extra-item">
"轰咖(HONG-GA!),新晋阳光外卖品牌。产品以咖喱为主，搭配鸡腿，香肠，猪排等西式餐品，打造满足符合当下年轻人对于口味、健康、创新等需求的外卖产品。我们希望通过我们对于口感的极致追求和食材的精挑细选，让咖喱这种“小众”产品融入你每天忙碌的生活。 生活已然太艰辛、别让食界太安静！"
</li>
<li class="shopguide-extra-item address">
<p >
<span class="label">商家地址：</span>
<span>杭州市余杭区五常街道溪望路海创人才公寓商用房1-4-1,1-4-2</span>
</p>
<p>
<span class="label">营业时间：</span>
<span>10:30-24:00</span>
</p>
</li>
<li class="shopguide-extra-item">
<p class="shopguide-extra-delivery">由<span>蜂鸟专送</span>提供配送服务</p>
<a class="btn-primary btn-lg btn-block">查看商家详情</a>
</li>
</ul>
</div>
</div>
<div class="shopguide-server">
<span >
<em>起送价</em>
<em class="shopguide-server-value">15元</em>
</span>
<span >
<em>配送费</em> <em class="shopguide-server-value ng-binding">2元</em>
<em class="shopguide-server-delivery ng-binding ng-scope" >蜂鸟专送</em>
</span>
<span >
<em>平均送达速度</em> <em class="shopguide-server-value ">41分钟</em>
</span>
</div>
<a class="shopguide-favor" >
<i class="icon-favorite "></i>
<span >收藏</span>
</a>
</div>
</div>
<div class="shopnav">
<div class="container clearfix">
<div class="shopnav-left">
<a href="" class="shopnav-tab active" >所有商品</a><span>|</span>
<a href="" class="shopnav-tab" >评价</a><span>|</span>
<a href="" class="shopnav-tab" > 商家详情</a>
<span class="shopnav-filter " >
<a class="active">默认排序</a>
<a>评分<i class="icon-uniE02D"></i></a>
<a>销量 <i class="icon-uniE02D"></i></a>
<a>价格 <i class="icon-uniE02C" style="display:none"></i> <i class="icon-uniE02D"></i></a>
<span>
<a class="shopnav-filter-display icon-grid active" ></a>
<a class="shopnav-filter-display icon-list" ></a>
</span>
</span>
</div>
<div class="shopnav-search">
<form class="place-search" role="search" >
<button class="place-search-btn icon-search" ></button>
<label for="globalsearch">搜索商家或美食</label>
<input id="globalsearch" class="place-search-input " placeholder="搜索商家,美食...">
</form>
</div>
</div>
</div>
<div class="shopmain container clearfix">
<div class="shopmenu">
<div class="shopmenu-nav " >
<a href="#list1" class="active" >热销榜</a>
<a href="#list2" >轰咖票</a>
<a href="#list3" >轰咖说</a>
<a href="#list4" >轰咖大招饭</a>
<a href="#list5" >原味轰咖咖喱饭</a>
<a href="#list6" >轰咖加餐主力军</a>
<a href="#list7" >轰咖缤纷酷饮</a>
</div>
<div class="shopmenu-food-zoomin">
<div class="zoomin-close icon-close">
</div>
<div class="zoomin-content">
<img src="http://fuss10.elemecdn.com/8/25/2fe1907c6be633d64422574d429c6jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt="" class="zoomin-food-img">
<div class="zoomin-food-info">
<h3 class="zoomin-food-name">欧式维也纳香肠(1根）</h3>
<div class="zoomin-cartitem">
<span class="zoomin-food-price shopmenu-food-price">3</span>
<button class="zoomin-cartbutton shop-cartbutton">加入购物车</button>
</div>
<h6 class="ratingcount">商品评价<span>(31)</span></h6>
<ul class="rategroup">
</ul>
<div class=" pagination">
<ul>
</ul>
</div>
</div>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list1">
热销榜
<span>大家喜欢吃，才叫真好吃。</span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/8/25/2fe1907c6be633d64422574d429c6jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name">欧式维也纳香肠(1根）</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 86.4%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(31)</span>
<span class="color-mute ">月售269份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">3<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/9/01/5062eef5f65909c7ff67d44dd96f9jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">咖喱伴侣奶油球</h3>
<p class="color-mute ui-ellipsis" >声明：随餐免费附1个，如需额外加量，请下单</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 93.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(31)</span>
<span class="color-mute ">月售229份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">1<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/e/4f/039c3e554349392d77e2d7dff0471jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85"></a>
<h3 class="shopmenu-food-name ">蒜香炭烤乳猪排原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >口感丰腴多汁，加上蒜香与咖喱完美融合的辛香味，让猪排更赞！如果这都不够味，你咋不上天呢！</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 92.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(19)</span>
<span class="color-mute ">月售182份</span>
</div>
<span class=" shopmenu-food-price color-stress ">25<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/b/23/3570f22cf5de4739b01b283c85bd7jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">冰红茶</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 96.2%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(21)</span>
<span class="color-mute ">月售165份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">2.5<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/6/11/1204477296c56226cecc8fb354c32jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">天生大腿原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >【每日限量10份】大大大！比脸大！每只鸡大腿300g以上，满层香料搭配果味醇香的咖喱。</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 95%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(12)</span>
<span class="color-mute ">月售141份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">32<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/2/8c/fbc88b1b1aa4b6671c95fd9fea473jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">五目蔬菜肉肠(1根）</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 88.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(14)</span>
<span class="color-mute ">月售132份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">3<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list2">
轰咖票
<span>声明：单笔订单100元以上起开发票，邮寄送达</span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/b/1a/4ad900427c8f2db6bbc00af034d43jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">轰咖票</h3>
<p class="color-mute ui-ellipsis" >下单时请填写发票抬头，在备注中写明收件人姓名，地址，电话，我们会在订餐后3-5个工作日寄给您！</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 0%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(0)</span>
<span class="color-mute ">月售0份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">0.1<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list3">
轰咖说
<span>声明：随餐免费附1个，如需额外加量，请下单</span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/9/01/5062eef5f65909c7ff67d44dd96f9jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">咖喱伴侣奶油球</h3>
<p class="color-mute ui-ellipsis" >声明：随餐免费附1个，如需额外加量，请下单</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 93.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(31)</span>
<span class="color-mute ">月售229份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">1<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list4">
轰咖大招饭
<span></span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/6/11/1204477296c56226cecc8fb354c32jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">天生大腿原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >【每日限量10份】大大大！比脸大！每只鸡大腿300g以上，满层香料搭配果味醇香的咖喱。</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 95%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(12)</span>
<span class="color-mute ">月售141份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">32<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list5">
原味轰咖咖喱饭
<span></span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/1/29/1377e30f716cf9fb30bd030fa7129jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">欧式维也纳香肠原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >浓香馥郁，弹嫩可口，美味经由舌尖，传递放松的信号，不停地点击大脑，你没有能力拒绝！</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 96%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(15)</span>
<span class="color-mute ">月售37份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">24<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/e/e1/a4cc99a6794b339ec1330dc401321jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">五目蔬菜肉肠原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >以上好猪肉与新鲜蔬菜调和制成，内容五彩斌峰，肉香浓，蔬清新，鲜香不腻，营养均衡。</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 80%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(3)</span>
<span class="color-mute ">月售12份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">24<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/e/4f/039c3e554349392d77e2d7dff0471jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85"></a>
<h3 class="shopmenu-food-name ">蒜香炭烤乳猪排原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >口感丰腴多汁，加上蒜香与咖喱完美融合的辛香味，让猪排更赞！如果这都不够味，你咋不上天呢！</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 92.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(19)</span>
<span class="color-mute ">月售182份</span>
</div>
<span class=" shopmenu-food-price color-stress ">25<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/7/f9/916e3568051c847a75dcdd2d1fc89jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">蒜香火烤嫩鸡排原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >精选上等鸡排，独特而浓郁的香蒜与咖喱这种创意搭配，瞬间提升大脑运作能力。</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 92%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(10)</span>
<span class="color-mute ">月售75份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">25<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/f/da/7f6203bfc9ae7c07cbcac1f162d69jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">日式照烧鸡排原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" >甄选优质鸡排，肉质弹嫩，口感细腻，让大脑里的奇思妙想会不停的更新，工作更给力！</p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 96%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(15)</span>
<span class="color-mute ">月售98份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">25<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/0/52/e5a2b7ba1e70984c8400cb337ec65jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">中式酱烧猪排原味咖喱饭</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 82.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(15)</span>
<span class="color-mute ">月售51份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">25<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list6">
轰咖加餐主力军
<span></span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/6/cf/e388dd321d561369acb319d8ea59ejpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">澳洲黑胡椒鸡腿</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 0%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(0)</span>
<span class="color-mute ">月售15份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">10<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/9/64/1163ff854362c38ced40df2b2ca0fjpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">墨西哥香辣鸡腿</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 100%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(3)</span>
<span class="color-mute ">月售12份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">10<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/b/c9/0235b2c206866e28e488954781a44jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">美式奥尔良鸡腿</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 100%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(1)</span>
<span class="color-mute ">月售16份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">10<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/8/25/2fe1907c6be633d64422574d429c6jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">欧式维也纳香肠(1根）</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 86.4%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(31)</span>
<span class="color-mute ">月售269份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">3<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/2/8c/fbc88b1b1aa4b6671c95fd9fea473jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">五目蔬菜肉肠(1根）</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 88.6%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(14 )</span>
<span class="color-mute ">月售132份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">3<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/b/65/31bc9484ca0c2c204a694facad482jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">蒜香火烤嫩鸡排</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 100%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(1)</span>
<span class="color-mute ">月售18份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">9<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
<div class="shopmenu-list clearfix">
<h3 class="shopmenu-title" id="list7">
轰咖缤纷酷饮
<span></span>
</h3>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/2/c8/c9738740d0f94cedab1be1059cf8djpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">可口可乐</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 99%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(22)</span>
<span class="color-mute ">月售142份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">3<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/b/74/876a37209d81e0bd79bd45f5b37b6jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">雪碧</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 97.2%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(7)</span>
<span class="color-mute ">月售81份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">3<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
<div class="shopmenu-food clearfix">
<a href="#0"><img src="http://fuss10.elemecdn.com/b/23/3570f22cf5de4739b01b283c85bd7jpeg.jpeg?imageMogr2/thumbnail/100x100/format/webp/quality/85" alt=""></a>
<div class="shopmenu-food-info">
<h3 class="shopmenu-food-name ">冰红茶</h3>
<p class="color-mute ui-ellipsis" ></p>
<div>
<div class="starrating icon-star " >
<span class="icon-star"style="width: 96.2%;"></span>
</div>
<span class="color-mute shopmenu-ratingcount">(21)</span>
<span class="color-mute ">月售165份</span>
</div>
</div>
<span class=" shopmenu-food-price color-stress ">2.5<small class="ng-binding"></small></span>
<button class="shop-cartbutton ">加入购物车</button>
</div>
</div>
</div>
<div class="shopmain-right">
<div class="shopbulletin">
<div class="shopbulletin-section">
<h3 class="shopbulletin-section-title">商家公告</h3>
<p class="shopbulletin-content ">60分钟餐未到，10元红包来报道！轰小咖承诺您下单60分钟内必达，未达小咖赔付10元红包，每周二准时送到您的饿了么账户。挚爱个性的咖喱品位；信仰创新的美食思维；钟情纯正的优质食材；追求均衡的健康营养；生活已然太艰辛，别让食界太安静! 全国客服热线：400-065-5177</p>
<ul class="shopbulletin-supports">
<li>
<span style="background-color: rgb(75, 154, 24);">保</span> 已加入“外卖保”计划，食品安全有保障
</li>
<li>
<span style="background-color: rgb(255, 78, 0);">付</span> 可使用支付宝、微信、手机QQ进行在线支付
</li>
<li>
<span style="background-color: rgb(144, 113, 203);">票</span> 该商家支持开发票，开票订单金额100元起，请在下单时填写好发票抬头
</li>
</ul>
<a href="" class="shopcomplaint">举报商家</a>
</div>
<div class="dialog"style="display: none;">
<div class="dialog-close icon-close"></div>
<div class="dialog-content" >
<h5 class="complaint-title ">举报商家</h5>
<form >
<label class="complaint-field"><textarea class="shopcomplaint-textarea "rows="6" cols="40"></textarea>
</label>
<div class="complaint-field">
<button type="submit" class="btn-primary">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="shop-cart">
<div class="shop-cartheader">
<span>购物车</span>
<a href="">[清空]</a>
<span class="icon-cart-add"></span>
</div>
<div class="shop-cartfooter">
<span class="icon-cart shop-carticon"></span>
<button class="shop-cartfooter-checkout">购物车是空的</button>
</div>
</div>
</div>
<div class="sidetools" >
<a href="" class="sidetools-item icon-visit-history" tooltip="我要开店"></a>
<div class="sidetools-item icon-qrcode">
<img class="sidetools-qrcode" src="http://static11.elemecdn.com/eleme/desktop/media/img/appqc.852963.png" alt="扫描二维码免费下载手机App">
</div>
<a href="" class="sidetools-item icon-service" tooltip="在线客服"></a>
<a href="#top" class="sidetools-item icon-arrow-up" tooltip="回到顶部"></a>
</div>
<footer class="footer" role="contentinfo">
<div class="container clearfix">
<div class="footer-link">
<h3 class="footer-link-title">用户帮助</h3>
<a class="footer-link-item" >服务中心</a>
<a class="footer-link-item" >常见问题</a>
<a class="footer-link-item" style="visibility: visible;">在线客服</a>
</div>
<div class="footer-link">
<h3 class="footer-link-title">商务合作</h3>
<a class="footer-link-item">我要开店</a>
<a class="footer-link-item" >加盟指南</a>
<a class="footer-link-item">市场合作</a>
<a class="footer-link-item" >开放平台</a>
</div>
<div class="footer-link">
<h3 class="footer-link-title">关于我们</h3>
<a class="footer-link-item" >饿了么介绍</a>
<a class="footer-link-item" >加入我们</a><a class="footer-link-item" >联系我们</a>
<a class="footer-link-item" >服务协议</a>
</div>
<div class="footer-contect">
<div class="footer-contect-item">24小时客服热线 :
<a class="inherit" href="tel:10105757">10105757</a>
</div>
<div class="footer-contect-item">意见反馈 :
<a class="inherit" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="footer-contect-item">关注我们 :
<div class="icon-wechat">
<div class="dropbox dropbox-bottom footer-contect-dropbox" >
<img src="http://static11.elemecdn.com/eleme/desktop/media/img/[email protected]" alt="微信号: elemeorder">
<p>微信号: elemeorder</p>
<p>饿了么网上订餐</p>
</div>
</div>
<a href="http://e.weibo.com/elemeorder" class="icon-weibo" ></a>
<a href="http://page.renren.com/elemeorder" class="icon-renren" ></a>
</div>
</div>
<div class="footer-mobile">
<a href="http://static11.elemecdn.com/eleme/desktop/mobile/index.html" >
<img src="http://static11.elemecdn.com/eleme/desktop/media/img/appqc.852963.png" class="footer-mobile-icon" alt="扫一扫下载饿了么手机 App">
</a>
<div class="footer-mobile-content">
<h3>下载手机版</h3><p>扫一扫,手机订餐方便</p>
</div>
</div>
<div class="footer-copyright serif">增值电信业务许可证 :
<a href="http://www.shca.gov.cn/" >沪B2-20150033</a> | <a href="http://www.miibeian.gov.cn/" >沪ICP备 09007032</a> | <a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20120305173227823" >上海工商行政管理</a> Copyright ©2008-2016 ele.me, All Rights Reserved.
</div>
<div class="footer-police container">
<a href="http://www.zx110.org/picp/?sn=310100103568" rel="nofollow" target="_blank">
<img alt="已通过沪公网备案，备案号 310100103568" src="http://static11.elemecdn.com/eleme/desktop/media/img/picp_bg.e373b3.jpg" height="30">
</a>
</div>
</div>
</footer>
</div>
<script src="resource/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/shop.js"></script>
</body>
</html>