-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshouye.html
135 lines (134 loc) · 3.66 KB
/
shouye.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="css/rem.css">
<link rel="stylesheet" href="css/shouye.css">
<link rel="stylesheet" href="css/swiper-4.3.5.min.css">
</head>
<body>
<!-- 头部搜索开始 -->
<header>
<div class="pos">太原市</div>
<input type="text" placeholder="搜你想搜的">
</header>
<!-- 头部结束 -->
<!-- banner图开始 -->
<div class="banner">
<div class="swiper-container banner">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="img/images/banner1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="img/images/banner2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="img/images/banner3.jpg" alt="">
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
<!-- banner图结束 -->
<!-- 导航栏开始 -->
<nav>
<main>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</main>
</nav>
<!-- 导航栏结束 -->
<!-- 品质优选开始 -->
<div class="good">
<img src="img/images/01_06.png" alt="">
<div class="content">
<div class="left"></div>
<div class="right1"></div>
<div class="right2"></div>
</div>
</div>
<!-- 品质优选结束 -->
<!-- 推荐商家开始 -->
<div class="tuijian">
<img src="img/images/02.png" alt="">
<div class="title">
<div class="title1"><a href="">综合排序</a></div>
<div class="title1"><a href="">好评优先</a></div>
<div class="title1"><a href="">距离最近</a></div>
<div class="title1"><a href="">热门推荐</a></div>
</div>
<div class="list">
<div class="pic"></div>
<div class="content">
<a href="shangjiaxiangqing.html">
<h6>肯德基宅急送（体育路店）</h6></a>
<div class="er">
<div class="star">★★★★☆ <span>4.8</span></div>
<div class="yue">月售3900</div>
<div class="time">30分钟 | 2.9km</div>
</div>
<div class="san">起送￥20 | 配送￥5 | 人均￥36</div>
<div class="si">
<div class="left">减满</div>
<p>满50减10，满100减20</p>
</div>
</div>
</div>
<div class="list">
<div class="pic2"></div>
<div class="content">
<h6>王婆大虾</h6>
<div class="er">
<div class="star">★★★★☆ <span>4.0</span></div>
<div class="yue">月售142</div>
<div class="time">15分钟 | 534km</div>
</div>
<div class="san">起送￥10 | 配送￥4 | 人均￥24</div>
<div class="si">
<div class="left">减满</div>
<p>满25减5，满55减8，满88减10</p>
</div>
</div>
</div>
<div class="list">
<div class="pic3"></div>
<div class="content">
<h6>众品味道烧烤</h6>
<div class="er">
<div class="star">★★★★☆ <span>4.9</span></div>
<div class="yue">月售4000</div>
<div class="time">20分钟 | 1.2km</div>
</div>
<div class="san">起送￥20 | 配送￥7 | 人均￥37</div>
<div class="si">
<div class="left">减满</div>
<p>满50减20，满100减50</p>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="content">
<div class="shou"></div>
<div class="fa"></div>
<a href="dingdanxiangqing.html"><div class="ding"></div></a>
<a href="gerenzhongxin.html"><div class="me"></div></a>
</div>
</div>
<script src="js/swiper-4.3.5.min.js"></script>
<script src="js/shouye.js"></script>
</body>
</html>