小草停车/park.html · 约 3101 字符
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
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>停车场详情</h1><span class="right"></span></header>
12<div class="detail-img"><div class="di-badge">📷 实景图</div><div class="charge-ico">🔌 充电桩</div>🏬</div>
13<div class="detail-price">
14 <div class="dp-row">
15 <div class="dp-cell"><b>86/320</b>实时余位</div>
16 <div class="dp-cell"><b>¥8</b>首小时</div>
17 <div class="dp-cell"><b>24</b>充电桩</div>
18 <div class="dp-cell"><b>19</b>空闲桩</div>
19 </div>
20 <div class="dp-row">
21 <div class="dp-cell">📍 高新区科技路 88 号</div>
22 <div class="dp-cell">🕐 24 小时开放</div>
23 </div>
24</div>
25<div class="info-list">
26 <div class="il-row"><span class="il-l">收费标准</span><span class="il-r">首小时 8 元，后每小时 6 元</span></div>
27 <div class="il-row"><span class="il-l">封顶 / 免费</span><span class="il-r">单日封顶 60 元 · 15 分钟内免费</span></div>
28 <div class="il-row"><span class="il-l">充电服务</span><span class="il-r green">快充 60kW×24 · 实时空闲 19</span></div>
29 <div class="il-row"><span class="il-l">支付方式</span><span class="il-r">ETC / 扫码 / 无感支付</span></div>
30 <div class="il-row"><span class="il-l">车位分布</span><span class="il-r">B2-B3 · A-D 区划线清晰</span></div>
31 <div class="il-row"><span class="il-l">月卡办理</span><span class="il-r">支持 · 详情见月卡页 ›</span></div>
32</div>
33<div class="coupon-card">
34 <div class="cc-left"><b>商场消费满 99 减停车费</b><span>联动满减 · 工作日折扣持续</span></div>
35 <div class="cc-btn">领取</div>
36</div>
37<div class="section-title">🧭 入场后怎么停</div>
38<div class="card" style="margin-top:0;font-size:12px;color:#3a4a72;line-height:2">
39 🚗 入口闸机自动识别车牌抬杆，无需取卡<br/>
40 🅿️ 跟随车位诱导屏（绿=空 / 红=占）至最近空位<br/>
41 🔌 需充电请导航至 B2 充电区，扫码启动<br/>
42 🧭 离场前用「反向寻车」记录车位，一键导航回车
43</div>
44<div style="height:80px"></div>
45<div class="buy-bar">
46 <div class="bb-btn ghost" data-toast="已发起车位预约">📌 预约车位</div>
47 <div class="bb-btn" data-toast="正在为您导航至入口">🧭 一键导航</div>
48</div>
49
50<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" href="nearby.html"><span class="icon">🅿️</span>附近</a><a class="" href="find.html"><span class="icon">🧭</span>寻车</a><a class="" href="pay.html"><span class="icon">💳</span>缴费</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
51<script src="data.js"></script>
52
53<script src="app.js"></script>
54</body>
55</html>