-
Notifications
You must be signed in to change notification settings - Fork 0
/
reserve.html
251 lines (246 loc) · 12.5 KB
/
reserve.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>立即预定</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/jquery.inputbox.css">
<script type="text/javascript" src="js/lib/require/require.js" data-main="js/main"></script>
</head>
<body style="background: #f9f7f7;" my-js="js/app/reserve.js">
<div class="header height80 clearfix">
<div class="headerBox">
<div class="header_logo fl">
<a href="index.html">
<img src="images/logo.png">
</a>
</div>
<div class="header_nav fl">
<a class="header_nav_index" href="index.html">首页</a>
<a class="header_nav_about" href="about.html">关于我们</a>
</div>
<div class="header_phone fl">
<i class="icon-phone"></i>
<span>400-93-10086</span>
</div>
<div class="header_login fl">
<a class="header_loginBtn" href="#">登录</a>
</div>
<div class="header_publish fl">
<a class="header_publishBtn" href="#">发布仓库</a>
</div>
<div class="header_search fl">
<a class="header_searchBtn" href="search.html">寻找仓库</a>
</div>
</div>
</div>
<div class="wh_content">
<div class="wh_wrapper">
<div class="searchList">
<div class="searchList_left fl">
<div class="searchList_left_up">
<img src="images/wh_1.jpg">
</div>
<div class="searchList_left_down">
<input class="threeD" value="3D仓" readonly="readonly" >
<input class="overAll" data-reveal-id="myModal" value="仓库全景" readonly="readonly">
<input class="realView" value="实景地图" readonly="readonly">
<input class="delivery" data-reveal-id="myModal-delivery" value="物流快递" readonly="readonly" >
</div>
</div>
<div class="searchList_right fr">
<p class="searchList_title">广东省深圳市福田区华强北仓库出租</p>
<div class="searchList_scoreBox">
<div class="searchList_scoreBox_star fl">
<span class="searchList_scoreBox_starBar">
<i class="icon-star2"></i>
<i class="icon-star2"></i>
<i class="icon-star2"></i>
<i class="icon-star2"></i>
<i class="icon-star2"></i>
</span>
<span>五星级仓库(百仓网评级)</span>
<span class="searchList_scoreBox_star_q"><i class="icon-question"></i></span>
</div>
<div class="searchList_scoreBox_score fr">
<p class="searchList_scoreBox_score_p">
<span class="searchList_scoreBox_score_pStar">
<i class="icon-star2"></i>
<i class="icon-star2"></i>
<i class="icon-star2"></i>
<i class="icon-star2"></i>
</span>
<span>4.7</span>
<span>用户评分</span>
<span class="searchList_scoreBox_score_q"><i class="icon-question"></i></span>
</p>
<p class="searchList_scoreBox_score_p2">
<span>位置<em>4.4</em></span>
<span>设施<em>4.4</em></span>
<span>服务<em>4.4</em></span>
<span>卫生<em>4.4</em></span>
</p>
</div>
</div>
<div class="searchList_detail">
<div class="searchList_detail_left fl">
<div class="searchList_detail_location">
<span class="searchList_detail_left_title">仓库位置：</span>
<span class="searchList_detail_left_info">广东省-深圳市-福田区</span>
</div>
<div class="searchList_detail_goods">
<span class="searchList_detail_left_title fl">可存货物：</span>
<div class="goodsBox fl">
<span>电子产品</span>
<span>预处理食品</span>
<span>电子配件</span>
<p class="goodsBox_more">更多<i class="icon-arrow3"></i></p>
</div>
</div>
<div class="searchList_detail_workTime">
<span class="searchList_detail_left_title">工作时间：</span>
<span class="searchList_detail_left_info">周一到周五 9:00-18:00</span>
</div>
<div class="searchList_detail_serviceTime">
<span class="searchList_detail_left_title">服务时间：</span>
<span class="searchList_detail_left_info">24小时（提前23小时）</span>
</div>
<div class="searchList_detail_security">
<span class="searchList_detail_left_title">安保等级：</span>
<span class="searchList_detail_left_info">丙二级</span>
</div>
</div>
<div class="searchList_detail_right fr">
<p class="searchList_detail_price">¥<span class="detail_price">3.00</span><em>起</em></p>
<p class="searchList_detail_unit">元/m²/天</p>
<p class="searchList_detail_more">
<span>其他计费方式</span>
<i class="icon-arrow3"></i>
</p>
</div>
</div>
<div class="searchList_down">
<div class="searchList_down_left fl">
<p class="searchList_down_left_p fl">
<i class="icon-empty"></i>
<span>空仓库</span>
</p>
<p class="searchList_down_left_p fl">
<i class="icon-love"></i>
<span>收藏</span>
</p>
<p class="searchList_down_left_p fl">
<i class="icon-share"></i>
<span>分享</span>
</p>
</div>
<a href="warehouse_detail.html">详情</a>
</div>
</div>
</div>
<div class="reserveBox">
<div class="infoBar clearfix">
<span class="infoBar_title"><i>*</i>预计租赁面积</span>
<div class="infoBar_input">
<input class="input_select" placeholder="请输入租赁面积">
<div class="input_arrow right_unit">人</div>
</div>
</div>
<div class="infoBar clearfix">
<span class="infoBar_title"><i>*</i>堆叠方式</span>
<div class="infoBar_input">
<input class="input_select" placeholder="请输入堆叠方式">
<div class="input_arrow"></div>
</div>
</div>
<div class="infoBar clearfix">
<span class="infoBar_title"><i>*</i>预计租赁托盘</span>
<div class="infoBar_input">
<input class="input_select" placeholder="请输入托盘个数">
<div class="input_arrow right_unit">个</div>
</div>
</div>
<div class="infoBar clearfix">
<span class="infoBar_title"><i>*</i>联系人</span>
<div class="infoBar_input">
<input class="input_select" placeholder="请输入">
</div>
</div>
<div class="infoBar clearfix">
<span class="infoBar_title"><i>*</i>手机号码</span>
<div class="infoBar_input infoBar_input_goods">
<input class="input_select" placeholder="请输入">
</div>
</div>
<div class="reserveBtn">
<a href="javascript:void(0)">立即提交</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footerBox">
<a class="footerBox_about" href="#">关于我们</a>
<a class="footerBox_help" href="#">帮助</a>
<a class="footerBox_join" href="#">加入我们</a>
<p class="footer_copyRight">深圳市前海百仓网供应链有限公司版权所有 粤ICP备14063761号-2</p>
</div>
</div>
<div id="myModal" class="reveal-modal">
<div class="imgFlash">
<div class="imgFlash_big">
<div class="imgFlash_target">
<img src="">
</div>
<span class="prevBtn"></span>
<span class="nextBtn"></span>
</div>
<ul class="imgFlash_small">
</ul>
</div>
<a class="close-reveal-modal">×</a>
</div>
<div id="myModal-delivery" class="reveal-modal reveal-modal-delivery">
<div class="deliveryBox">
<div class="deliveryBox_item">
<div class="deliveryBox_title">
<i class="icon-delivery"></i>
<span>合作物流公司</span>
</div>
<div class="deliveryBox_content">
<ul>
<li class="deliveryBox_company_list"><img src='images/delivery_complany.jpg'></li>
<li class="deliveryBox_company_list"><img src='images/delivery_complany.jpg'></li>
<li class="deliveryBox_company_list"><img src='images/delivery_complany.jpg'></li>
<li class="deliveryBox_company_list"><img src='images/delivery_complany.jpg'></li>
<li class="deliveryBox_company_list"><img src='images/delivery_complany.jpg'></li>
</ul>
</div>
</div>
<div class="deliveryBox_item">
<div class="deliveryBox_title">
<i class="icon-delivery"></i>
<span>物流专线（往返）</span>
</div>
<div class="deliveryBox_content">
<p>广东省境内：广东省境内广东省境内广东省境内广东省境内广东省境内</p>
<p>广东省境外：广东省境内广东省境内广东省境内广东省境内广东省境内广东省境内</p>
</div>
</div>
<div class="deliveryBox_item">
<div class="deliveryBox_title">
<i class="icon-delivery"></i>
<span>室内配送网点</span>
</div>
<div class="deliveryBox_content">
<p>市内配送网点：福田区福田区福田区福田区福田区福田区福田区福田区福田区福田区福田区福田区</p>
</div>
</div>
</div>
<a class="close-reveal-modal">×</a>
</div>
</body>
</html>