小草二手房_H5/index.html · 约 3285 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>首页 · 小草二手房</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<div class="search-bar"><span class="sb-ico">🔍</span><span class="sb-text">搜索小区 / 商圈 / 地铁站</span></div>
12<div class="quick-grid">
13 <a href="list.html"><div class="qicon">🏘️</div>二手好房</a>
14 <a href="list.html"><div class="qicon">🎓</div>学区房</a>
15 <a href="calculator.html"><div class="qicon">🧮</div>房贷计算</a>
16 <a href="list.html"><div class="qicon">🏙️</div>新房特惠</a>
17</div>
18<div class="guarantee">
19 <div class="gu-title">🛡️ 贝壳级真房源保障</div>
20 <div class="gu-sub">房源核验 · 假一赔百 · 资金监管 · 交易保障</div>
21 <div class="gu-items">
22 <div class="gu-item">🏠<br/>真房源</div>
23 <div class="gu-item">📋<br/>真在售</div>
24 <div class="gu-item">💰<br/>真价格</div>
25 <div class="gu-item">🔑<br/>安心交易</div>
26 </div>
27</div>
28<div class="section-title">精选好房 <span>共 2368 套 ›</span></div>
29<div id="hotList"></div>
30<div class="section-title">本周降价房源</div>
31<div class="house-card" data-toast="已收藏该房源">
32 <div class="hc-img">🌇</div>
33 <div class="hc-body">
34 <div class="hc-price">235 万<small> 降 8 万</small></div>
35 <div class="hc-name">万科城 4室2厅</div>
36 <div class="hc-meta">128㎡ 南北 豪装 · 长安航天基地</div>
37 <div class="hc-tags"><span class="tag">品质小区</span><span class="tag badge-sale" style="background:#fff7e6">本周降价</span></div>
38 </div>
39</div>
40<div class="card" style="text-align:center">
41 <div style="font-size:14px;font-weight:700;margin-bottom:6px">🏠 想卖房？免费估价</div>
42 <div style="font-size:12px;color:#7b8db0;margin-bottom:12px">大数据智能估价，经纪人 24h 内上门</div>
43 <div class="btn btn-primary" data-toast="已提交委托，稍后致电联系">免费委托卖房</div>
44</div>
45<script>
46 var hl = document.getElementById('hotList');
47 var h = '';
48 window.DATA.houses.slice(0, 3).forEach(function (x) {
49 h += '<div class="house-card"><div class="hc-img">' + x.img + '</div><div class="hc-body">'
50 + '<div class="hc-price">' + x.price + ' 万<small> 单价 ' + x.unit + ' 元/㎡</small></div>'
51 + '<div class="hc-name">' + x.name + '</div>'
52 + '<div class="hc-meta">' + x.area + ' · ' + x.loc + '</div>'
53 + '<div class="hc-tags">' + x.tags.map(function (t) { return '<span class="tag">' + t + '</span>'; }).join('') + '</div>'
54 + '</div></div>';
55 });
56 hl.innerHTML = h;
57</script>
58
59<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="list.html"><span class="icon">🏘️</span>找房</a><a class="" href="calculator.html"><span class="icon">🧮</span>房贷</a><a class="" href="agent.html"><span class="icon">🤝</span>经纪人</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
60<script src="data.js"></script>
61<script src="app.js"></script>
62</body>
63</html>