r57/list.html · 约 3451 字符
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="seg" style="margin-bottom:12px"><div class="sg on"><button>🏷️ 出租</button></div><div class="sg"><button>💰 出售</button></div></div>
17<div class="chips">
18 <div class="chip on">全部户型</div><div class="chip">一居</div><div class="chip">两居</div><div class="chip">三居+</div>
19</div>
20<div class="search">📍 区域：朝阳区 ▾ | 排序：综合 ▾</div>
21<div class="card">
22 <div class="sec-title"><span class="em">🏘️</span> 出租房源（1.4w）</div>
23 <a class="house" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🏘️</div><div class="info"><div class="nm">阳光花园 · 3室2厅</div><div class="sub">朝阳区·常营 · 南向精装 · 89㎡</div><div class="sub">出租</div><div class="price">¥4200/月</div></div><span class="tag">出租</span></a><a class="house" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🌳</div><div class="info"><div class="nm">翠湖天地 · 4室2厅</div><div class="sub">西城区·金融街 · 学区房 · 138㎡</div><div class="sub">出租</div><div class="price">¥6800/月</div></div><span class="tag">出租</span></a><a class="house" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🌊</div><div class="info"><div class="nm">江畔雅居 · 1室1厅</div><div class="sub">通州区·运河 · loft · 45㎡</div><div class="sub">出租</div><div class="price">¥2800/月</div></div><span class="tag">出租</span></a>
24</div>
25<div class="card">
26 <div class="sec-title"><span class="em">💰</span> 出售房源（1.8w）</div>
27 <a class="house" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🏢</div><div class="info"><div class="nm">锦绣华庭 · 2室1厅</div><div class="sub">海淀区·中关村 · 满五唯一 · 65㎡</div><div class="sub">出售</div><div class="price">¥268万</div></div><span class="tag">出售</span></a><a class="house" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🏙️</div><div class="info"><div class="nm">中央公园 · 3室2厅</div><div class="sub">丰台区·方庄 · 近地铁 · 95㎡</div><div class="sub">出售</div><div class="price">¥320万</div></div><span class="tag">出售</span></a><a class="house" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🏡</div><div class="info"><div class="nm">龙湖香醍 · 联排</div><div class="sub">顺义区·后沙峪 · 别墅 · 220㎡</div><div class="sub">出售</div><div class="price">¥980万</div></div><span class="tag">出售</span></a>
28</div>
29</main>
30 <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="book.html"><span class="ic">📅</span>预约</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
31</div>
32<script></script>
33</body>
34</html>