r78/detail.html · 约 2477 字符
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="maplet">🗺️</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">滨江绿地停车场</div>
19 <div><span class="badge b-ok">空位足</span></div></div>
20 <div class="row" style="margin-top:10px"><div class="muted">📍 滨江路 88 号 · 距您 200m</div></div>
21 <div class="row" style="margin-top:8px"><div class="muted">⭐ 4.7 · 1.2k 评价</div><div class="tag">¥6/小时</div></div>
22</div>
23<div class="card">
24 <div class="sec-title"><span class="em">🚦</span> 车位实时占用</div>
25 <div class="row" style="margin-bottom:6px"><span class="muted">地面层 120 位</span><span class="muted">空 42</span></div>
26 <div class="bar"><i style="width:65%"></i></div>
27 <div class="row" style="margin:10px 0 6px"><span class="muted">地下 B1 100 位</span><span class="muted">空 28</span></div>
28 <div class="bar"><i style="width:72%"></i></div>
29 <div class="row" style="margin:10px 0 6px"><span class="muted">地下 B2 100 位</span><span class="muted">空 16</span></div>
30 <div class="bar"><i style="width:84%"></i></div>
31</div>
32<div class="card">
33 <div class="sec-title"><span class="em">📌</span> 充电桩 / 无障碍</div>
34 <span class="pin">🔌 快充 8 个</span> <span class="pin">♿ 无障碍 6 个</span> <span class="pin">🤖 智能寻车</span>
35</div>
36<div class="row" style="gap:8px;margin:4px 2px 12px">
37 <button class="btn line" style="flex:1">🧭 导航前往</button>
38 <a class="btn" href="book.html" style="flex:1;text-decoration:none;text-align:center">📅 预约车位</a>
39</div>
40</main>
41 <nav class="nav"><a class="" href="home.html"><span class="ic">🅿️</span>首页</a><a class=" on" href="detail.html"><span class="ic">🔍</span>空位</a><a class="" 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>
42</div>
43<script></script>
44</body>
45</html>