-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuildingDetail楼盘详情.html.bak
307 lines (302 loc) · 10.5 KB
/
buildingDetail楼盘详情.html.bak
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
<!DOCTYPE html>
<html lang="zh-cmn-Hans" class="_1m2 _buildingDetail">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>房天天v2</title>
<link rel="stylesheet" href="css/light7.min.css">
<link rel="stylesheet" href="css/light7-swiper.min.css">
<link rel="stylesheet" href="css/ant-iconfont.css">
<link rel="stylesheet" href="css/app.css">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/light7.min.js"></script>
<script src="js/light7-swiper.min.js"></script>
</head>
<body>
<div class="page">
<header class="bar bar-nav">
<a class="button button-link button-nav pull-left" href="#" data-transition='slide-out'> <i class="anticon anticon-left"></i>
</a>
<h1 class="title">楼盘详情</h1>
</header>
<div class="content">
<div class="swiper-container" id='short-1'>
<div class="tit">金科十年城</div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="img/2.jpg"></div>
<div class="swiper-slide"><img src="img/a.jpg"></div>
</div>
<div class="swiper-pagination swiper-pagination-bullets">
<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
<span class="swiper-pagination-bullet"></span>
<span class="swiper-pagination-bullet"></span>
</div>
</div>
<div class="short-panel">
<ul class="short-wrap">
<li class="short-item"><a class="external" href="#short-1"><span class="img"><img src="img/short-1.png"></span><span class="txt">图片</span></a></li>
<li class="short-item"><a class="external" href="#short-2"><span class="img"><img src="img/short-2.png"></span><span class="txt">销售</span></a></li>
<li class="short-item"><a class="external" href="#short-3"><span class="img"><img src="img/short-3.png"></span><span class="txt">户型</span></a></li>
<li class="short-item"><a class="external" href="#short-4"><span class="img"><img src="img/short-4.png"></span><span class="txt">周边</span></a></li>
<li class="short-item"><a class="external" href="#short-5"><span class="img"><img src="img/short-5.png"></span><span class="txt">地图</span></a></li>
</ul>
</div>
<div class="info-panel">
<div class="info-group border _t _b">
<div class="info-tit"> <i class="anticon anticon-paycircleo"></i>
<span class="txt">返佣政策</span>
</div>
<div class="info-content">
<div class="txt-panel">
年满18周岁，具有完全民事行为能力，并能够提供合法的身份证明的平台签约经纪人，推荐客户成交后可获得成交价3%（包含5000现金奖）。
</div>
</div>
</div>
</div>
<div class="info-panel">
<div class="info-group border _t _b">
<div class="info-tit">
<i class="anticon anticon-filetext"></i>
<span class="txt">项目概况</span>
</div>
<div class="info-content">
<div class="info-wrap">
<div class="info-item">
<div class="tit">物业公司</div>
<div class="txt">自有物业</div>
</div>
<div class="info-item">
<div class="tit">物业费</div>
<div class="txt">2.80元/平方米/月</div>
</div>
<div class="info-item">
<div class="tit">物业说明</div>
<div class="txt">自有物业</div>
</div>
<div class="info-item">
<div class="tit">车位</div>
<div class="txt">共有停车位56个</div>
</div>
<div class="info-item">
<div class="tit">内墙</div>
<div class="txt">厅及房扇灰扫高级乳胶漆，墙脚贴踢脚线，厨房和浴室镶贴精美瓷片至天花。</div>
</div>
<div class="info-item">
<div class="tit">门窗</div>
<div class="txt">户门选用优质消防门连防盗门。配有门锁、防盗眼。 全部采用铝质窗框镶透明玻璃，部分采用港式外飘窗户设计。</div>
</div>
<div class="info-item">
<div class="tit">厨房</div>
<div class="txt">地面做防水水泥沙浆并找平，预留排水口。</div>
</div>
<div class="info-item">
<div class="tit">卫生间</div>
<div class="txt">地面做防水水泥沙浆并找平，预留排水口。</div>
</div>
<div class="info-item">
<div class="tit">供电</div>
<div class="txt">设独立电表。预留电线接口至户门。</div>
</div>
<div class="info-item">
<div class="tit">供水</div>
<div class="txt">设独立水表。厨房及浴室预埋水管。</div>
</div>
<div class="info-item">
<div class="tit">供气</div>
<div class="txt">预装入户管道煤气，厨房预留煤气喉位，用户交纳初装费后即可使用。</div>
</div>
<div class="info-item">
<div class="tit">通讯</div>
<div class="txt">预留有线电视及电话线接口至户门，用户交纳初装费后即可使用。</div>
</div>
</div>
</div>
</div>
</div>
<div class="info-panel" id='short-2'>
<div class="info-group border _t _b">
<div class="info-tit">
<i class="anticon anticon-tago"></i>
<span class="txt">销售信息</span>
</div>
<div class="info-content">
<div class="txt-panel">
悦尚公馆在售47-90平米的一至三房，现楼带装修发售，均价为19000元/平，接受公积金。其中47平米为单间，90平为两至三房。
</div>
</div>
</div>
</div>
<div class="info-panel">
<div class="info-group border _t _b">
<div class="info-tit">
<i class="anticon anticon-exception"></i>
<span class="txt">基本信息</span>
</div>
<div class="info-content">
<div class="info-wrap">
<div class="info-item">
<div class="tit">楼盘名称</div>
<div class="txt">悦尚公馆</div>
</div>
<div class="info-item">
<div class="tit">佣金</div>
<div class="txt">3%+3000</div>
</div>
<div class="info-item">
<div class="tit">城市</div>
<div class="txt">广州市</div>
</div>
<div class="info-item">
<div class="tit">区域</div>
<div class="txt">番禺市</div>
</div>
<div class="info-item">
<div class="tit">开发商</div>
<div class="txt">广州熙和房地产有限公司</div>
</div>
<div class="info-item">
<div class="tit">楼盘地址</div>
<div class="txt">广州番禺大石街富丽商住区403号</div>
</div>
</div>
</div>
</div>
</div>
<div class="info-panel" id='short-4'>
<div class="info-group border _t _b">
<div class="info-tit">
<i class="anticon anticon-appstoreo"></i>
<span class="txt">周边配套</span>
</div>
<div class="info-content">
<div class="info-wrap">
<div class="info-item">
<div class="tit">中小学</div>
<div class="txt">同和小学、金溪小学、握山小学</div>
</div>
<div class="info-item">
<div class="tit">幼稚园</div>
<div class="txt">白云区机电幼儿园</div>
</div>
<div class="info-item">
<div class="tit">综合商场</div>
<div class="txt">雄洲商业广场，百荟广场、金铂广场、新天地广场、嘉裕太阳城广场，佳润广场、摩登百货、广百百货</div>
</div>
<div class="info-item">
<div class="tit">医院</div>
<div class="txt">白云山医院、南方医院</div>
</div>
<div class="info-item">
<div class="tit">邮局</div>
<div class="txt">邮电所中国邮政</div>
</div>
<div class="info-item">
<div class="tit">银行</div>
<div class="txt">建行（金溪路）、中行</div>
</div>
<div class="info-item">
<div class="tit">菜市场</div>
<div class="txt">同和肉菜市场</div>
</div>
<div class="info-item">
<div class="tit">内部配套</div>
<div class="txt">泳池、网球场、儿童活动中心</div>
</div>
<div class="info-item">
<div class="tit">学校</div>
<div class="txt">广州市白云区同和小学</div>
</div>
</div>
</div>
</div>
</div>
<div class="info-panel" id='short-3'>
<div class="info-group border _t _b">
<div class="info-tit">
<i class="anticon anticon-windowso"></i>
<span class="txt">主力户型</span>
</div>
<div class="info-content">
<div class="img-wrap">
<div class="img-item border _b">
<div class="img-left">
<img src="img/a.jpg" alt=""></div>
<div class="img-main">
<span class="tit">高层住宅</span>
<i class="anticon anticon-right"></i>
</div>
</div>
<div class="img-item border _b">
<div class="img-left">
<img src="img/a.jpg" alt=""></div>
<div class="img-main">
<span class="tit">花样洋房</span>
<i class="anticon anticon-right"></i>
</div>
</div>
<div class="img-item">
<div class="img-left">
<img src="img/a.jpg" alt=""></div>
<div class="img-main">
<span class="tit">商铺</span>
<i class="anticon anticon-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="info-panel" id='short-5'>
<div class="info-group border _t _b">
<div class="info-tit">
<i class="anticon anticon-windowso"></i>
<span class="txt">楼盘地图</span>
</div>
<div class="info-content">
<div class="map">
<img src="img/map.png">
</div>
</div>
</div>
</div>
<div class="fixed-action border _t">
<div class="action-right border _l">
<button class="button button-fill">马上推荐</button>
</div>
<div class="action-main">
<span class="txt">1%</span>
</div>
</div>
</div>
</div>
</body>
<script>
$(function(){
$.init();
$(".swiper-container").swiper({
pagination : 'swiper-pagination'
});
$('.j-viewImg').on('click',function(e){
var wrap = $('<div style="position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:100;overflow:auto;"></div>'),
src = $(this).find('img').attr('src'),
img = new Image();
img.src = src;
$(img).css({
position:'absolute',
top:0,
left:0,
bottom:0,
right:0,
margin:'auto'
}).appendTo(wrap);
wrap.on('click',function(){
$(this).hide();
});
wrap.appendTo('.page-current');
});
});
</script>
</html>