-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticle.html
253 lines (252 loc) · 8.49 KB
/
article.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">
<title>房源详情</title>
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 返回 -->
<div class="fh"></div>
<!-- /返回 -->
<!-- 焦点图 -->
<div id="focus" class="focus">
<div class="xczs">sadad1/6</div>
<div class="hd">
<ul></ul>
</div>
<div class="bd">
<ul>
<li><a href="#"><img src="images/img2.jpg" /></a></li>
<li><a href="#"><img src="images/img2.jpg" /></a></li>
<li><a href="#"><img src="images/img2.jpg" /></a></li>
</ul>
</div>
</div>
<!-- /焦点图 -->
<!-- 楼盘信息 -->
<div class="art-info">
<div class="smsh"></div>
<h2>三卧朝南 黄金三楼 万达商圈 临近地铁发展</h2>
<p>庐阳区 - 四里河 - <i>万科森林公园</i></p>
<ul class="art-in">
<li><span>135</span>万</li>
<li><span>3</span>室<span>2</span>厅<span>1</span>卫</li>
<li><span>112</span>平米</li>
</ul>
<p>特色 <span style="color:#62cc47; border-color:#62cc47">南北通透</span><span style="color:#ff9934; border-color:#ff9934">简装</span><span style="color:#a579d2; border-color:#a579d2">南北通透</span><span style="color:#62cc47; border-color:#62cc47">简装</span><span style="color:#59a5ff; border-color:#59a5ff">简装</span><span style="color:#59a5ff; border-color:#59a5ff">简装</span></p>
</div>
<!-- /楼盘信息 -->
<!-- 户型信息 -->
<section class="mt10 bgf fyin">
<ul class="clearfix">
<li><span>单价</span>12903元/㎡</li>
<li><a href="">房贷计算器</a></li>
<li><span>首付</span>32万</li>
<li><span>月供</span>3245元</li>
<li><span>楼层</span>12层/共28层</li>
<li><span>朝向</span>南北</li>
<li><span>电梯</span>有</li>
<li><span>梯户配比</span>2梯4户</li>
<li><span>装修</span>毛坯</li>
<li><span>建造年代</span>2009-08</li>
</ul>
</section>
<!-- /户型信息 -->
<!-- 房源介绍 -->
<section class="mt10 bgf fyfo">
<h3 class="art-tit">房源简介</h3>
<div class="fyfo-in">
<p>一、房源描述</p>
<p>1、户型结构：3室2厅2卫，通透舒适，户型正气，采光佳，房型精美实用</p>
<p>2、装修情况：毛坯房</p>
<p>3、其他情况：小区地理位置优越，交通便利通畅，周边银行、超市、医院、菜市、学校、社区活动所等一应俱全，商业圈成熟，配套极佳，人气旺盛，方便生活</p>
<p>二、周边配套</p>
<p>银行:杭州银行合肥包河支行、杭州银行atm、...</p>
<p>3、其他情况：小区地理位置优越，交通便利通畅，周边银行、超市、医院、菜市、学校、社区活动所等一应俱全，商业圈成熟，配套极佳，人气旺盛，方便生活</p>
<p>3、其他情况：小区地理位置优越，交通便利通畅，周边银行、超市、医院、菜市、学校、社区活动所等一应俱全，商业圈成熟，配套极佳，人气旺盛，方便生活</p>
<p>3、其他情况：小区地理位置优越，交通便利通畅，周边银行、超市、医院、菜市、学校、社区活动所等一应俱全，商业圈成熟，配套极佳，人气旺盛，方便生活</p>
</div>
<div class="tc see"><span>全部</span><i></i></div>
</section>
<!-- /房源介绍 -->
<!-- 划片学区 -->
<section class="mt10 bgf hfpq">
<h3 class="art-tit">划片学区</h3>
<dl class="clearfix">
<dt>小学</dt>
<dd>南门小学森林公园校区</dd>
<dd><a href="tel:055164504903">0551-64504903</a></dd>
</dl>
<dl class="clearfix">
<dt>小学</dt>
<dd>南门小学森林公园校区</dd>
<dd><a href="tel:055164504903">0551-64504903</a></dd>
</dl>
</section>
<!-- /划片学区 -->
<!-- 看房记录 -->
<section class="mt10 bgf kfjl">
<a href=""><h3 class="art-tit move">看房记录(12次)</h3></a>
<dl class="clearfix">
<dt>2015-10-13</dt>
<dd>经纪人（张洋）</dd>
<dd><a href="tel:055164504903">电话</a><a href="tel:055164504903">短信</a></dd>
</dl>
<dl class="clearfix">
<dt>2015-10-13</dt>
<dd>经纪人（张洋）</dd>
<dd><a href="tel:055164504903">电话</a><a href="tel:055164504903">短信</a></dd>
</dl>
</section>
<!-- /看房记录 -->
<!-- 位置周边 -->
<section class="mt10 bgf zbwz">
<a href=""><h3 class="art-tit move">位置周边</h3></a>
<div>
<img width="100%" src="images/img3.png" alt="">
</div>
</section>
<!-- /位置周边 -->
<!-- 同小区房源 -->
<section class="mt10 bgf tqfy">
<a href=""><h3 class="art-tit move">同小区房源（20套）</h3></a>
<div class="fy-con clearfix">
<a href="">
<div class="fy-l"><img src="images/img1.png"></div>
<div class="fy-r">
<h3>三卧朝南 黄金三楼 万达商圈 临</h3>
<h4><span>120万</span>万科文化旅游城</h4>
<p>3室2厅1卫 87㎡ <span>12873元/㎡</span></p>
<div class="fy-sq">
<span style="color:#62cc47; border-color:#62cc47">学区房</span>
<span style="color:#ff9934; border-color:#ff9934">地铁口</span>
</div>
</div>
</a>
</div>
<div class="fy-con clearfix">
<a href="">
<div class="fy-l"><img src="images/img1.png"></div>
<div class="fy-r">
<h3>三卧朝南 黄金三楼 万达商圈 临</h3>
<h4><span>120万</span>万科文化旅游城</h4>
<p>3室2厅1卫 87㎡ <span>12873元/㎡</span></p>
<div class="fy-sq">
<span style="color:#62cc47; border-color:#62cc47">学区房</span>
<span style="color:#ff9934; border-color:#ff9934">地铁口</span>
</div>
</div>
</a>
</div>
</section>
<!-- /同小区房源 -->
<!-- 预约看房 -->
<div class="yabout">
<h3>预约看房</h3>
<div class="xf_sjtx"><input type="text" placeholder="请输入姓名"></div>
<div class="xf_sjtx"><input type="text" placeholder="手机号码"></div>
<div class="xf_sjtx"><input type="text" placeholder="验证码"><a href="javascript:void(0);" class="hqyz">获取验证码</a></div>
<div class="js_zqn">
<span class="smzq layui-layer-close">取消</span>
<span class="jsfw layui-layer-close">确认</span>
</div>
</div>
<!-- /预约看房 -->
<!-- /art-foot -->
<section class="art-foot clearfix">
<div class="art-footl fl">
<i class="art-cj"></i>
<span>收藏</span>
</div>
<div class="art-footr fr">
<a class="btel" href="tel:0551666666">电话咨询</a>
<a class="yykf" href="javascript:;">预约看房</a>
</div>
</section>
<!-- /art-foot -->
<div class="toot-tc"></div>
<script src="js/jquery.min.js"></script>
<script src="js/layer2/layer.js"></script>
<script src="js/touchSlide.1.1.js"></script>
<script type="text/javascript">
$(function() {
//全部-收起
$(".see").click(function() {
if ($(this).hasClass('active')) {
$(this).removeClass('active').children('span').text('全部');
$(".fyfo-in").removeClass('active');
}else{
$(this).addClass('active').children('span').text('收起');
$(".fyfo-in").addClass('active');
};
});
//收藏
$(".art-footl").click(function() {
var $act=$(this).children('i');
if ($act.hasClass('active')) {
$act.removeClass('active');
layer.msg('取消收藏');
}else{
$act.addClass('active');
layer.msg('收藏成功');
};
});
//预约看房
$(".yykf").click(function() {
layer.closeAll()
layer.open({
type:1,
skin: 'layer-molv',
shade: false,
title: false, //不显示标题
content: $('.yabout'), //捕获的元素
});
});
//拨打电话
$(".btel").click(function() {
layer.closeAll();
layer.open({
type: 1,
skin: 'bdtela',
shade: false,
title: false, //不显示标题
content: '<div class="bdtel"><p>接通后，需要人工拨打分机号：</p><h3>5086</h3><a class="ask-btn" href="tel:055164504903">现在拨打</a></div>'
});
});
//获取短信验证码
var validCode=true;
$(".hqyz").click (function () {
var time=3;
var code=$(this);
if (validCode) {
validCode=false;
// code.addClass("msgs1");
var t=setInterval(function () {
time--;
code.html(time+"秒");
if (time==0) {
clearInterval(t);
code.html("重新获取");
validCode=true;
// code.removeClass("msgs1");
}
$(".layui-layer-close").click(function() {
clearInterval(t);
code.html("获取验证码");
validCode=true;
});;
},1000)
}
})
//焦点图
TouchSlide({slideCell:"#focus",titCell:".hd ul",mainCell:".bd ul",effect:"leftLoop",autoPlay:true,autoPage:true,pageStateCell:".xczs"});
//
});
</script>
</body>
</html>