小草停车/mine.html · 约 2075 字符
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"><span class="back"></span><h1>我的</h1><span class="right"></span></header>
12<div class="user-card">
13 <div class="uc-avatar">🅿️</div>
14 <div>
15 <div class="uc-name">停车会员 <span class="badge badge-gold" style="background:rgba(255,255,255,.25);color:#fff">金卡</span></div>
16 <div class="uc-level">累计节省 ¥326 · 无感支付已开通 · 距钻石卡还差 ¥320</div>
17 </div>
18</div>
19<div class="assets">
20 <div class="asset-item"><b>1,860</b><span>积分</span></div>
21 <div class="asset-item"><b>¥5</b><span>停车券</span></div>
22 <div class="asset-item"><b>2 辆</b><span>绑定车辆</span></div>
23</div>
24<div class="menu-list" id="menuList"></div>
25<div class="card" style="margin-top:12px;font-size:12px;color:#57648a;line-height:1.9">
26 🔒 隐私说明：车辆与资金信息全程加密，支持线上注销账户，自主可控<br/>
27 ☎️ 客服在线 9:00-22:00 · 400-880-6666
28</div>
29
30
31<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="" href="find.html"><span class="icon">🧭</span>寻车</a><a class="" href="pay.html"><span class="icon">💳</span>缴费</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
32<script src="data.js"></script>
33<script>
34 var ml = document.getElementById('menuList');
35 var h = '';
36 window.DATA.menus.forEach(function (m) {
37 h += '<a href="' + (m.go === 'mine' ? 'mine.html' : m.go + '.html') + '"><span class="ml-l"><span class="ico">' + m.ico + '</span>' + m.name + '</span><span class="ml-r">' + m.r + ' ›</span></a>';
38 });
39 ml.innerHTML = h;
40</script>
41<script src="app.js"></script>
42</body>
43</html>