💻 代码预览 · 小草酒店民宿

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="detail-hero" id="hero-icon">🏠</div>
7<div class="detail-head">
8  <h2 id="d-name"></h2>
9  <div class="dh-meta" id="d-loc"></div>
10  <div style="display:flex;justify-content:space-between;align-items:center">
11    <div class="dh-price"><small>¥</small><span id="d-price"></span> <small>/晚起</small></div>
12    <span class="badge badge-rec">⭐ <span id="d-score"></span> 分 · <span id="d-reviews"></span>条点评</span>
13  </div>
14</div>
15<div class="section-title">🛎️ 房间设施</div>
16<div class="card"><div class="fac-grid" id="fac-grid"></div></div>
17<div class="section-title">📅 房态日历</div>
18<div class="card" id="calendar"></div>
19<div class="section-title">💬 住客评价</div>
20<div class="card" id="rev-list"></div>
21<div style="height:80px"></div>
22<div class="tabbar" style="border-top:1px solid #eee;background:#fff">
23  <a href="index.html"><span class="icon">🏠</span>首页</a>
24  <a href="javascript:void(0)" onclick="favHotel()"><span class="icon">❤️</span>收藏</a>
25  <a href="book.html" style="background:linear-gradient(135deg,#c98a2d,#e8a64c);color:#fff;border-radius:0"><span class="icon">📝</span>立即预订</a>
26  <a href="mine.html"><span class="icon">👤</span>我的</a>
27</div>
28<script src="data.js"></script>
29<script src="app.js"></script>
30<script>renderDetail();</script>
31</body></html>