💻 代码预览 · 小草生鲜到家

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">绿卡会员 · 本月已省 ¥86.5</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)" id="u-points">2360</b><div style="font-size:11px;color:#93a58b">积分</div></div>
9  <div style="text-align:center"><b style="font-size:18px;color:var(--primary)">12</b><div style="font-size:11px;color:#93a58b">本月订单</div></div>
10  <div style="text-align:center"><b style="font-size:18px;color:var(--primary)" id="u-coupons">8</b><div style="font-size:11px;color:#93a58b">优惠券</div></div>
11  <div style="text-align:center"><b style="font-size:18px;color:var(--primary)">98.6</b><div style="font-size:11px;color:#93a58b">省钱(元)</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="orders.html"><span class="on-icon">📦</span>已完成<em>历史订单</em></a>
17  <a href="orders.html"><span class="on-icon">↩️</span>退款/售后<em id="m-coupons">处理中</em></a>
18</div>
19<div class="menu-list">
20  <a><span class="ml-l"><span class="ico">📍</span>收货地址</span><span class="ml-r" id="u-addr">阳光花园3栋… ›</span></a>
21  <a><span class="ml-l"><span class="ico">💳</span>我的卡券</span><span class="ml-r">5张 ›</span></a>
22  <a><span class="ml-l"><span class="ico">⭐</span>我的收藏</span><span class="ml-r">6件 ›</span></a>
23  <a><span class="ml-l"><span class="ico">🌱</span>会员中心</span><span class="ml-r">绿卡88折 ›</span></a>
24  <a><span class="ml-l"><span class="ico">👨‍👩‍👧</span>家庭共享</span><span class="ml-r">2人 ›</span></a>
25  <a><span class="ml-l"><span class="ico">💬</span>联系客服</span><span class="ml-r">9:00-22:00 ›</span></a>
26  <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
27</div>
28<div style="height:80px"></div>
29<div class="tabbar">
30  <a href="index.html"><span class="icon">🏠</span>首页</a>
31  <a href="category.html"><span class="icon">🗂️</span>分类</a>
32  <a href="orders.html"><span class="icon">📦</span>订单</a>
33  <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
34  <a href="cart.html"><span class="icon">🛒</span>购物车</a>
35</div>
36<script src="data.js"></script><script src="app.js"></script>
37<script>renderMine();</script>
38</body></html>