r44/reserve.html · 约 2345 字符
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="row"><div class="thumb" style="width:46px;height:46px">🌊</div><div class="info"><div class="nm" style="font-weight:700">海景大酒店 · 豪华大床房</div>
18 <div class="muted">07-18 14:00 → 07-20 12:00 · 2 晚 · 1 间</div></div></div>
19</div>
20<div class="card">
21 <div class="sec-title"><span class="em">👤</span> 入住信息</div>
22 <div class="row" style="margin-bottom:8px"><div class="muted">入住人</div><b>张三</b></div>
23 <div class="row" style="margin-bottom:8px"><div class="muted">手机号</div><b>138****6688</b></div>
24 <div class="row"><div class="muted">到店时间</div><b>18:00 前</b></div>
25 <div class="search" style="margin:10px 0 0">📝 特殊要求：高楼层、安静房间</div>
26</div>
27<div class="card">
28 <div class="sec-title"><span class="em">🧾</span> 费用明细</div>
29 <div class="row" style="margin-bottom:6px"><span class="muted">房费 ¥568 × 2 晚</span><b>¥1,136</b></div>
30 <div class="row" style="margin-bottom:6px"><span class="muted">服务费 10%</span><b>¥114</b></div>
31 <div class="row"><span class="muted">🎫 新客立减</span><b style="color:var(--pri)">-¥30</b></div>
32 <div class="row" style="margin-top:8px;border-top:1px solid var(--line);padding-top:8px"><span>应付</span><span style="font-size:18px;font-weight:800;color:var(--pri)">¥1,220</span></div>
33</div>
34<a class="btn full" style="text-decoration:none;text-align:center" href="rate.html">提交订单 · 担保预订</a>
35<div class="muted" style="text-align:center">🛡️ 平台担保 · 到店付款 · 免费取消</div>
36</main>
37 <nav class="nav"><a class="" href="index.html"><span class="ic">🔍</span>找酒店</a><a class="" href="hlist.html"><span class="ic">🏨</span>酒店</a><a class=" on" href="reserve.html"><span class="ic">📋</span>预订</a></nav>
38</div>
39<script></script>
40</body>
41</html>