💻 代码预览 · 小草停车

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="section-title">🎫 固定车位月卡</div>
13<div class="plan">
14  <div class="pl-item"><div class="pl-price">¥280<small>/月</small></div><div class="pl-name">月卡</div><div class="pl-desc">1 个固定车位<br/>不限次进出</div><div class="pl-btn" data-toast="已选择月卡">选这个</div></div>
15  <div class="pl-item hot"><div class="pl-hot">最划算</div><div class="pl-price">¥760<small>/季</small></div><div class="pl-name">季卡</div><div class="pl-desc">固定车位<br/>省 10%</div><div class="pl-btn" data-toast="已选择季卡">选这个</div></div>
16  <div class="pl-item"><div class="pl-price">¥2680<small>/年</small></div><div class="pl-name">年卡</div><div class="pl-desc">固定车位<br/>省 20% 赠 2 月</div><div class="pl-btn" data-toast="已选择年卡">选这个</div></div>
17</div>
18<div class="section-title">🌙 错峰共享车位</div>
19<div id="shareList"></div>
20<div class="card" style="margin-top:12px;font-size:12px;color:#3a4a72;line-height:2">
21  🤝 接入周边小区 / 写字楼闲置车位，夜间与周末低价开放<br/>
22  ⏱️ 时段精准匹配，盘活资源供需双赢，停车成本直降 50%<br/>
23  🔔 系统动态推送周边空闲时段与低价错峰优惠
24</div>
25
26
27<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>
28<script src="data.js"></script>
29<script>
30  var sl = document.getElementById('shareList');
31  var h = '';
32  window.DATA.shares.forEach(function (s) {
33    h += '<div class="share-card"><div class="sc-img">' + s.emoji + '</div><div class="sc-body"><b>' + s.name + '</b><br/>' + s.desc + '</div><div class="sc-btn">' + s.btn + '</div></div>';
34  });
35  sl.innerHTML = h;
36</script>
37<script src="app.js"></script>
38</body>
39</html>