r57/book.html · 约 2206 字符
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="card">
17 <div class="sec-title"><span class="em">🏘️</span> 选择房源</div>
18 <div class="field"><label>目标房源</label><select><option>阳光花园 · 3室2厅</option><option>江畔雅居 · 1室1厅</option><option>翠湖天地 · 4室2厅</option></select></div>
19 <div class="field"><label>期望日期</label><input type="date" value="2026-07-20"></div>
20 <div class="field"><label>时间段</label><select><option>上午 10:00</option><option>下午 14:00</option><option>傍晚 18:30</option></select></div>
21 <div class="field"><label>联系人 / 电话</label><input value="阿橙 · 138****6688"></div>
22 <div class="field"><label>备注</label><input value="想看南向主卧，带孩子一起"></div>
23</div>
24<a class="btn full" href="mine.html" style="text-decoration:none;text-align:center">提交预约</a>
25<div class="card" style="margin-top:12px">
26 <div class="sec-title"><span class="em">📅</span> 我的预约</div>
27 <div class="house"><div class="thumb">🏘️</div><div class="info"><div class="nm">阳光花园 · 3室2厅</div><div class="sub">07-18 14:00 · 王橙带看</div></div><span class="badge b-warn">待确认</span></div>
28 <div class="house"><div class="thumb">🌊</div><div class="info"><div class="nm">江畔雅居 · 1室1厅</div><div class="sub">07-15 10:00 · 已带看</div></div><span class="badge b-ok">已完成</span></div>
29</div>
30</main>
31 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="list.html"><span class="ic">🏘️</span>找房</a><a class=" on" href="book.html"><span class="ic">📅</span>预约</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
32</div>
33<script></script>
34</body>
35</html>