r77/detail.html · 约 2391 字符
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="cover">🏬</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">江悦中心地下停车场</div>
19 <span class="badge b-ok">营业中</span></div>
20 <div class="muted" style="margin-top:6px">📍 江悦路 18 号 B2-B3 层 · 距您 280m · ★4.7（1.2k 评价）</div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">🟢</span> 实时空位（86/320）</div>
24 <div class="line-row"><span>🅰️ A 区（B2 东）</span><b>42 空</b></div>
25 <div class="bar ok" style="margin-bottom:8px"><i style="width:88%"></i></div>
26 <div class="line-row"><span>🅱️ B 区（B2 西）</span><b>31 空</b></div>
27 <div class="bar" style="margin-bottom:8px"><i style="width:65%"></i></div>
28 <div class="line-row"><span>🅲️ C 区（B3）</span><b>13 空</b></div>
29 <div class="bar warn" style="margin-bottom:4px"><i style="width:27%"></i></div>
30</div>
31<div class="card">
32 <div class="sec-title"><span class="em">💰</span> 收费标准</div>
33 <div class="line-row"><span>首小时</span><b>¥6</b></div>
34 <div class="line-row"><span>之后每小时</span><b>¥6</b></div>
35 <div class="line-row"><span>每日封顶</span><b>¥48</b></div>
36 <div class="line-row"><span>会员月卡</span><b>¥380/月</b></div>
37</div>
38<div class="row" style="gap:8px;margin:4px 2px 12px">
39 <a class="btn line" href="home.html" style="flex:1;text-align:center;text-decoration:none">返回</a>
40 <a class="btn" href="book.html" style="flex:1;text-align:center;text-decoration:none">预约车位</a>
41</div>
42</main>
43 <nav class="nav"><a class=" on" href="home.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>
44</div>
45<script></script>
46</body>
47</html>