-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticle_details.html
160 lines (157 loc) · 5.88 KB
/
article_details.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
<!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 borb">
<h2 class="bor">万科森林公园</h2>
<p class="mt10">合肥市庐阳区北二环与四里河路交口西南角</p>
</div>
<!-- /楼盘信息 -->
<!-- 户型信息 -->
<section class="bgf fyin">
<ul class="clearfix">
<li><span>均价</span><em class="c-e63">12903元/㎡</em></li>
<li><span>月环比</span><em class="c-61b f13">↓-1.2%</em><em class="c-e63 f13">↑+1.2%</em></li>
<li><span>房屋类型</span>住宅</li>
<li><span>物业费</span>1.2</li>
<li><span>建造年代</span>2007</li>
<li><span>房屋总数</span>540户</li>
<li><span>占地面积</span>392亩</li>
<li><span>容积率</span>1.7</li>
<li><span>建筑面积</span>7万平米</li>
<li><span>绿化率</span>35%</li>
<li class="ww"><span>停车位</span>地上1:1，地下2:1</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 xqhx">
<h3 class="art-tit move">小区户型<a href="" class="qbhx">全部户型</a></h3>
<ul>
<li><a href=""><img src="images/img4.png" alt=""><p>1室1厅1卫</p></a></li>
<li><a href=""><img src="images/img4.png" alt=""><p>1室1厅1卫</p></a></li>
<li><a href=""><img src="images/img4.png" alt=""><p>1室1厅1卫</p></a></li>
</ul>
</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>
<a href="">
<div class="fy-con">
<div class="fy-l"><img src="images/img1.png"></div>
<div class="fy-r">
<h3>三卧朝南 黄金三楼 万达商圈 临</h3>
<h4><span>120万</span>万科文化旅游城</h4>
<p><span>12873元/㎡</span>3室2厅1卫 87㎡</p>
<div class="fy-sq">
<span style="color:#62cc47; border-color:#62cc47">学区房</span>
<span style="color:#ff9934; border-color:#ff9934">地铁口</span>
</div>
</div>
</div>
</a>
<a href="">
<div class="fy-con">
<div class="fy-l"><img src="images/img1.png"></div>
<div class="fy-r">
<h3>三卧朝南 黄金三楼 万达商圈 临</h3>
<h4><span>120万</span>万科文化旅游城</h4>
<p><span>12873元/㎡</span>3室2厅1卫 87㎡</p>
<div class="fy-sq">
<span style="color:#62cc47; border-color:#62cc47">学区房</span>
<span style="color:#ff9934; border-color:#ff9934">地铁口</span>
</div>
</div>
</div>
</a>
<a href="">
<div class="fy-con">
<div class="fy-l"><img src="images/img1.png"></div>
<div class="fy-r">
<h3>三卧朝南 黄金三楼 万达商圈 临</h3>
<h4><span>120万</span>万科文化旅游城</h4>
<p><span>12873元/㎡</span>3室2厅1卫 87㎡</p>
<div class="fy-sq">
<span style="color:#62cc47; border-color:#62cc47">学区房</span>
<span style="color:#ff9934; border-color:#ff9934">地铁口</span>
</div>
</div>
</div>
</a>
</section>
<!-- /同小区房源 -->
<div class="toot-tc2"></div>
<script src="js/jquery.min.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');
};
});
//焦点图
TouchSlide({slideCell:"#focus",titCell:".hd ul",mainCell:".bd ul",effect:"leftLoop",autoPlay:true,autoPage:true,pageStateCell:".xczs"});
//
});
</script>
</body>
</html>