r58/detail.html · 约 2693 字符
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<div class="app">
11 <header class="top">
12 <div class="top-l">购房者 · 林川</div>
13 <div class="top-r">房源详情</div>
14 </header>
15 <main class="main">
16<div class="cover">🏢</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">中海·云麓里</div>
19 <div><span class="tag">🏷 满五</span></div></div>
20 <div class="muted" style="margin-top:6px">滨江新区 · 3室2厅 · 建面 89㎡ · 南北通透</div>
21 <div class="price" style="margin-top:10px">268 万 <span class="muted">· 单价 3.0w/㎡</span></div>
22</div>
23<div class="card">
24 <div class="sec-title"><span class="em">📍</span> 位置标注</div>
25 <div class="map"><div class="dot" style="left:54%;top:46%"></div>
26 <div class="lab" style="left:30%;top:38%">🚇 滨江路站 500m</div>
27 <div class="lab" style="left:52%;top:60%">🎓 实验小学 800m</div></div>
28 <div class="pin">📍 滨江新区·云麓里 12 栋 1 单元</div>
29</div>
30<div class="card">
31 <div class="sec-title"><span class="em">🖼️</span> 房源图集</div>
32 <div class="grid">
33 <div class="cover" style="height:84px;font-size:28px;margin:0">🛋️</div>
34 <div class="cover" style="height:84px;font-size:28px;margin:0">🛏️</div>
35 <div class="cover" style="height:84px;font-size:28px;margin:0">🍳</div>
36 <div class="cover" style="height:84px;font-size:28px;margin:0">🌇</div>
37 </div>
38</div>
39<div class="card">
40 <div class="sec-title"><span class="em">💬</span> 经纪点评</div>
41 <div class="comment"><div class="avatar a2">陈</div><div class="info"><div class="nm">经纪 陈思远</div><div class="tx">"户型方正无浪费，业主诚心出售，随时可看。"</div></div></div>
42</div>
43<div class="row" style="gap:8px;margin:4px 2px 12px">
44 <button class="btn line flex" style="flex:1">❤ 收藏</button>
45 <a class="btn flex" style="flex:1;text-decoration:none;text-align:center" href="book.html">📅 预约看房</a>
46</div>
47</main>
48 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class=" on" href="list.html"><span class="ic">📋</span>房源</a><a class="" href="publish.html"><span class="ic">➕</span>发布</a><a class="" href="book.html"><span class="ic">📅</span>预约</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
49</div>
50<script></script>
51</body>
52</html>