💻 代码预览 · 小草租房优选

1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>预约看房 - 小草租房优选</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>预约看房</h1><span class="right"></span></div>
6<div class="section-title">🏠 预约房源</div>
7<div id="book-house"></div>
8<div class="form-group">
9  <div class="fg-label">看房时间 <span style="color:var(--primary)">*</span></div>
10  <div class="time-chips" id="time-chips">
11    <div class="chip active" onclick="selectTime(this)">今天 10:00</div>
12    <div class="chip" onclick="selectTime(this)">今天 14:00</div>
13    <div class="chip" onclick="selectTime(this)">今天 16:00</div>
14    <div class="chip" onclick="selectTime(this)">明天 10:00</div>
15    <div class="chip" onclick="selectTime(this)">明天 15:00</div>
16    <div class="chip" onclick="selectTime(this)">周末上午</div>
17  </div>
18</div>
19<div class="form-group">
20  <div class="fg-label">联系人 <span style="color:var(--primary)">*</span></div>
21  <input type="text" placeholder="请输入您的姓名" value="张先生">
22</div>
23<div class="form-group">
24  <div class="fg-label">联系电话 <span style="color:var(--primary)">*</span></div>
25  <input type="tel" placeholder="请输入手机号码" value="138****8888">
26</div>
27<div class="form-group">
28  <div class="fg-label">备注（选填）</div>
29  <textarea placeholder="如：几个人一起看房、有宠物等"></textarea>
30</div>
31<div style="padding:0 12px;margin-bottom:20px"><button class="btn btn-primary" onclick="submitBook()">确认预约</button></div>
32<script src="data.js"></script>
33<script src="app.js"></script>
34<script>renderBook();</script>
35</body></html>