r44/room.html · 约 2691 字符
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="banner" style="background:linear-gradient(120deg,#0ea5e9,#2f7bf6)"><div class="b1">🌊 海景大酒店</div>
17<div class="b2">★ 4.6 · 滨海路 18 号 · 距海滨 200m</div></div>
18<div class="card">
19 <div class="sec-title"><span class="em">🛏️</span> 选择房型</div>
20 <div class="hotel"><div class="info"><div class="nm">豪华大床房</div><div class="sub">42㎡ · 1.8m 大床 · 高层海景</div></div><div class="pr">¥568</div></div>
21 <div class="hotel"><div class="info"><div class="nm">双床海景房</div><div class="sub">38㎡ · 2 张 1.2m · 可观海</div></div><div class="pr">¥598</div></div>
22 <div class="hotel"><div class="info"><div class="nm">家庭亲子房</div><div class="sub">55㎡ · 1 大 1 小 · 含儿童布草</div></div><div class="pr">¥728</div></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">✨</span> 设施服务</div>
26 <div class="sgrid">
27 <div class="it"><span class="e">📶</span>免费WiFi</div><div class="it"><span class="e">🍳</span>自助早餐</div>
28 <div class="it"><span class="e">🅿️</span>免费停车</div><div class="it"><span class="e">🏊</span>泳池健身</div>
29 </div>
30 <div class="row muted" style="margin-top:10px"><span>✅ 入住前 1 天免费取消</span><span>✅ 含发票</span></div>
31</div>
32<div class="card">
33 <div class="sec-title"><span class="em">💬</span> 住客点评（1,284）</div>
34 <div class="hotel"><div class="avatar">李</div><div class="info"><div class="nm">李先生 · ★5.0</div><div class="sub">"海景绝美，前台服务热情，下次还来"</div></div></div>
35 <div class="hotel"><div class="avatar">王</div><div class="info"><div class="nm">王女士 · ★4.5</div><div class="sub">"早餐丰富，房间干净，隔音稍弱"</div></div></div>
36</div>
37<a class="btn full" href="reserve.html" style="text-decoration:none;text-align:center">立即预订 · 豪华大床房</a>
38</main>
39 <nav class="nav"><a class="" href="index.html"><span class="ic">🔍</span>找酒店</a><a class=" on" href="hlist.html"><span class="ic">🏨</span>酒店</a><a class="" href="reserve.html"><span class="ic">📋</span>预订</a></nav>
40</div>
41<script></script>
42</body>
43</html>