小草同城跑腿_H5/mine.html · 约 3032 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>个人中心 · 小草同城跑腿</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>个人中心</h1><span class="right">⚙️</span></div>
3<div class="user-card">
4 <div class="uc-avatar">🛵</div>
5 <div><div class="uc-name" id="u-name">小跑腿队长</div><div class="uc-level" id="u-level">金牌用户 · 手机 138****6688</div></div>
6</div>
7<div class="card" style="display:flex;justify-content:space-around;padding:14px 6px">
8 <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-orders">28</b><div style="font-size:11px;color:#a58d5f">总订单</div></div>
9 <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-coupons">6</b><div style="font-size:11px;color:#a58d5f">优惠券</div></div>
10 <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-points">1260</b><div style="font-size:11px;color:#a58d5f">积分</div></div>
11 <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-saved">56.5</b><div style="font-size:11px;color:#a58d5f">省钱(元)</div></div>
12</div>
13<div class="order-nav">
14 <a href="orders.html"><span class="on-icon">🛵</span>进行中<em>实时跟踪</em></a>
15 <a href="orders.html"><span class="on-icon">📋</span>全部订单<em>历史记录</em></a>
16 <a href="price.html"><span class="on-icon">🎟️</span>优惠券<em id="m-c2">6张</em></a>
17 <a href="mine.html"><span class="on-icon">⭐</span>我的收藏<em>常用地址</em></a>
18</div>
19<div class="menu-list">
20 <a><span class="ml-l"><span class="ico">📍</span>常用地址</span><span class="ml-r">3个 ›</span></a>
21 <a><span class="ml-l"><span class="ico">🏷️</span>常用物品</span><span class="ml-r">6种 ›</span></a>
22 <a><span class="ml-l"><span class="ico">👥</span>邀请好友</span><span class="ml-r">各得5元 ›</span></a>
23 <a><span class="ml-l"><span class="ico">💳</span>钱包</span><span class="ml-r">余额 ¥28.6 ›</span></a>
24 <a><span class="ml-l"><span class="ico">💬</span>联系客服</span><span class="ml-r">7×24小时 ›</span></a>
25 <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
26</div>
27<div style="height:80px"></div>
28<div class="tabbar">
29 <a href="index.html"><span class="icon">🏠</span>首页</a>
30 <a href="order.html"><span class="icon">📝</span>下单</a>
31 <a href="orders.html"><span class="icon">📋</span>订单</a>
32 <a href="price.html"><span class="icon">💰</span>价格</a>
33 <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
34</div>
35<script src="data.js"></script><script src="app.js"></script>
36<script>renderMine();</script>
37</body></html>