r77/book.html · 约 2007 字符
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="search">江悦中心地下停车场 ▾</div>
19</div>
20<div class="card">
21 <div class="sec-title"><span class="em">🅰️</span> 选择区域</div>
22 <div class="seg"><div class="sg on"><button>A 区</button></div><div class="sg"><button>B 区</button></div><div class="sg"><button>C 区</button></div></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">📅</span> 预约时间</div>
26 <div class="line-row"><span>日期</span><b>07-17 今天</b></div>
27 <div class="line-row"><span>入场时段</span><b>14:00 - 14:30</b></div>
28 <div class="line-row"><span>预留车位</span><b>1 个</b></div>
29</div>
30<div class="card">
31 <div class="sec-title"><span class="em">🚗</span> 车牌信息</div>
32 <div class="plate">沪 A·8R26K</div>
33 <div class="muted" style="margin-top:6px">预约保留 30 分钟，超时自动释放</div>
34</div>
35<a class="btn full" href="parking.html" style="text-decoration:none;text-align:center">确认预约（可免费取消）</a>
36<div class="muted" style="text-align:center">预约成功后将为您锁定 A 区 088 号车位</div>
37</main>
38 <nav class="nav"><a class="" href="home.html"><span class="ic">🅿️</span>首页</a><a class=" on" href="book.html"><span class="ic">📅</span>预约</a><a class="" href="parking.html"><span class="ic">⏱️</span>停车中</a><a class="" href="pay.html"><span class="ic">💳</span>缴费</a></nav>
39</div>
40<script></script>
41</body>
42</html>