小草停车/find.html · 约 2402 字符
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="find-hero">
13 <div class="fh-title">🔍 记住车位 · 秒回爱车</div>
14 <div class="fh-sub">大型地下车库不再绕圈<br/>记录停车位置，生成室内步行导航路线</div>
15 <div class="fh-btn" data-toast="已记录车位 B2-A12">📍 记录当前车位</div>
16</div>
17<div class="nav-box">
18 <div class="nb-title">🚶 室内导航至 B2-A12（约 80 米）</div>
19 <div class="nav-step"><div class="ns-num">1</div><div class="ns-body"><b>从电梯厅出发</b><span>向北直行 30 米至 A 区通道</span></div></div>
20 <div class="nav-step"><div class="ns-num">2</div><div class="ns-body"><b>沿 A 区左转</b><span>经过充电桩区，注意地面引导箭头</span></div></div>
21 <div class="nav-step"><div class="ns-num">3</div><div class="ns-body"><b>到达 A12 车位</b><span>右侧立柱编号 A12，车辆已确认</span></div></div>
22</div>
23<div class="section-title">📷 停车时随手拍</div>
24<div class="photo-row">
25 <div class="ph" data-toast="拍照记录车位已保存">📸</div>
26 <div class="ph" data-toast="车位编号已识别">🔢</div>
27 <div class="ph" data-toast="周边地标已标记">📍</div>
28</div>
29<div class="card" style="margin-top:12px;font-size:12px;color:#3a4a72;line-height:2">
30 🅿️ 停车后点击「记录当前车位」自动定位楼层与区域<br/>
31 🧭 离场前一键生成步行路线，精度 1-3 米，解决最后 50 米<br/>
32 🔔 寻车途中实时显示剩余距离，再也不怕忘车位
33</div>
34
35<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="nearby.html"><span class="icon">🅿️</span>附近</a><a class=" active" 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>
36<script src="data.js"></script>
37
38<script src="app.js"></script>
39</body>
40</html>