-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathditu_list.html
144 lines (140 loc) · 4.39 KB
/
ditu_list.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
<!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">
<link rel="stylesheet" href="css/dropload.css">
</head>
<body>
<!-- header -->
<header class="per-head">
<a class="per-fh fh2" href=""></a>
<div class="map-menu">
<a href="javascript:;">地图找房</a>
</div>
<span class="map-btn1">列表</span>
</header>
<!-- /header -->
<!-- /地图模块 -->
<section class="map-con">
<div class="map" style="margin-top:43px;">
<img class="img-responsive" src="images/img6.png" alt="">
<span class="ioc1"><p>庐阳区</p><em>20套</em></span>
<span class="ioc2"><p>156</p><em>周谷堆</em></span>
<span class="ioc3"><p>华润桃园里<em>23套</em></p><span></span></span>
<span class="ioc3 active" style="left:70px; top:180px;"><p>华润桃园里<em>23套</em></p><span></span></span>
</div>
</section>
<!-- /地图模块 -->
<!-- /地图模块 -->
<section class="fy-list map-list bgf">
<div class="map-btn2"></div>
<div class="map-tit bgf">
<h2>华润桃园里</h2>
<p>在售<span>23</span>套 均价：<span>10560元</span>/平米</p>
<div class="art-footl map-sc">
<i class="art-cj"></i>
<span>收藏</span>
</div>
</div>
<div class="dt-list">
<div class="fy-lcon">
<div class="fy-con clearfix">
<a href="">
<div class="fy-l"><img class="lazyload" src="images/img1.png"><span class="fy-sm">上门实堪</span></div>
<div class="fy-r">
<h3>高新区 和一花园 3室2厅</h3>
<h4><span>120万</span>135万</h4>
<p>3室2厅1卫</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 class="lazyload" src="images/img1.png"></div>
<div class="fy-r">
<h3>包河区 绿地海顿公馆 3室2厅</h3>
<h4><span>120万</span>135万</h4>
<p>3室2厅1卫</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 class="lazyload" src="images/img1.png"></div>
<div class="fy-r">
<h3>包河区 绿地海顿公馆 3室2厅</h3>
<h4><span>120万</span>135万</h4>
<p>3室2厅1卫</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 class="lazyload" src="images/img1.png"></div>
<div class="fy-r">
<h3>政务区 融科九重锦 4室2厅</h3>
<h4><span>120万</span>135万</h4>
<p>3室2厅1卫</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>
<div class="dropload-down bgf"><div class="dropload-load">↑上拉加载更多</div></div>
</div>
</section>
<!-- /地图模块 -->
<script src="js/jquery.min.js"></script>
<script src="js/layer2/layer.js"></script>
<script type="text/javascript">
$(function() {
//加载更多
$(".dt-list").scroll(function(){
if ($(this)[0].scrollTop + $(this).height() >= $(this)[0].scrollHeight) {
$(".dropload-load").html('<span class="loading"></span>加载中-自定义内容...');
};
});
//收藏
$(".art-footl").click(function() {
var $act=$(this).children('i');
if ($act.hasClass('active')) {
$act.removeClass('active');
layer.msg('取消收藏');
}else{
$act.addClass('active');
layer.msg('收藏成功');
};
});
//
$(".map-btn2").click(function() {
$(".map-list").slideUp();
});
$(".map-btn1").click(function() {
$(".map-list").slideDown();
});
//
});
</script>
</body>
</html>