小草二手房_H5/detail.html · 约 3318 字符
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<header class="header"><a class="back" onclick="history.back()">‹</a><h1>房源详情</h1><span class="right"></span></header>
12<div class="detail-img">
13 <div class="di-badge">📷 9 张实拍</div>
14 <div>🏙️</div>
15</div>
16<div class="detail-price">
17 <div class="dp-num">168 万<small> 单价 18876 元/㎡</small></div>
18 <div class="dp-meta">阳光花园 3室2厅 · 89㎡ · 南向 · 精装 · 中楼层</div>
19 <div class="dp-row">
20 <div class="dp-cell">🏠 满五唯一</div>
21 <div class="dp-cell">🚇 近地铁 3 号线</div>
22 <div class="dp-cell">🏫 高新二小</div>
23 </div>
24</div>
25<div class="section-title">基本信息</div>
26<div class="info-grid">
27 <div class="info-item">户型<b>3室2厅1卫</b></div>
28 <div class="info-item">面积<b>89 ㎡</b></div>
29 <div class="info-item">朝向<b>南</b></div>
30 <div class="info-item">楼层<b>中楼层 / 33层</b></div>
31 <div class="info-item">装修<b>精装</b></div>
32 <div class="info-item">房龄<b>2019 年建</b></div>
33 <div class="info-item">电梯<b>有</b></div>
34 <div class="info-item">产权<b>70 年</b></div>
35</div>
36<div class="section-title">小区概况</div>
37<div class="card" style="margin-top:0">
38 <div class="skill-row" style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px"><span>小区均价</span><span style="color:#ef4444;font-weight:700">19230 元/㎡</span></div>
39 <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px"><span>绿化率</span><span>38%</span></div>
40 <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px"><span>物业费</span><span>1.8 元/㎡·月</span></div>
41 <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px"><span>周边配套</span><span>学校 / 医院 / 商场齐全</span></div>
42</div>
43<div class="section-title">学区信息</div>
44<div class="card" style="margin-top:0">
45 <div style="font-size:13px;line-height:1.9">
46 🎓 对口小学：高新第二小学（省重点）<br/>
47 🏫 对口初中：高新一中初中部<br/>
48 <span style="color:#f59e0b">※ 学区划分以当年教育部门公布为准</span>
49 </div>
50</div>
51<div style="display:flex;gap:10px;padding:12px;padding-bottom:90px">
52 <div class="btn btn-outline" style="flex:1;width:auto" data-toast="已加入收藏对比">⭐ 收藏</div>
53 <div class="btn btn-primary" style="flex:2;width:auto" data-toast="预约成功，经纪人将联系您">立即约看房</div>
54</div>
55
56<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" 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>
57<script src="data.js"></script>
58<script src="app.js"></script>
59</body>
60</html>