💻 代码预览 · 小草二手闲置

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">信用极好 · 成交 36 单 · 实名认证</div></div>
6</div>
7<div class="credit-bar">
8  <div class="cb-score" id="m-credit">728</div>
9  <div class="cb-body"><b>信用分 728</b> · 好评率 99% · 履约率 100%
10    <div class="cb-bar"><i></i></div></div>
11</div>
12<div class="card" style="display:flex;justify-content:space-around;padding:14px 6px">
13  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-orders">36</b><div style="font-size:11px;color:#98a2b3">成交单数</div></div>
14  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-likes">18</b><div style="font-size:11px;color:#98a2b3">收藏</div></div>
15  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-follows">12</b><div style="font-size:11px;color:#98a2b3">关注</div></div>
16  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)">3</b><div style="font-size:11px;color:#98a2b3">在售</div></div>
17</div>
18<div style="display:flex;background:#fff;border-radius:12px;margin:12px;padding:14px 0">
19  <a href="orders.html" style="flex:1;text-align:center;font-size:11px;color:#6b5a20"><span style="font-size:24px;display:block;margin-bottom:4px">📋</span>我的订单<em style="font-style:normal;display:block;font-size:10px;color:#98a2b3;margin-top:2px">担保中2单</em></a>
20  <a href="list.html" style="flex:1;text-align:center;font-size:11px;color:#6b5a20"><span style="font-size:24px;display:block;margin-bottom:4px">🏪</span>我的闲置<em style="font-style:normal;display:block;font-size:10px;color:#98a2b3;margin-top:2px">在售3件</em></a>
21  <a href="mine.html" style="flex:1;text-align:center;font-size:11px;color:#6b5a20"><span style="font-size:24px;display:block;margin-bottom:4px">💬</span>消息<em style="font-style:normal;display:block;font-size:10px;color:#98a2b3;margin-top:2px">2条未读</em></a>
22  <a href="mine.html" style="flex:1;text-align:center;font-size:11px;color:#6b5a20"><span style="font-size:24px;display:block;margin-bottom:4px">🔍</span>求购专区<em style="font-style:normal;display:block;font-size:10px;color:#98a2b3;margin-top:2px">发布求购</em></a>
23</div>
24<div class="menu-list">
25  <a><span class="ml-l"><span class="ico">⭐</span>我的收藏</span><span class="ml-r">18件 ›</span></a>
26  <a><span class="ml-l"><span class="ico">📝</span>评价管理</span><span class="ml-r">双向评价 ›</span></a>
27  <a><span class="ml-l"><span class="ico">🛡️</span>信用与安全</span><span class="ml-r">实名认证 ✓ ›</span></a>
28  <a><span class="ml-l"><span class="ico">📦</span>收货地址</span><span class="ml-r">2个 ›</span></a>
29  <a><span class="ml-l"><span class="ico">🧧</span>优惠与红包</span><span class="ml-r">3张 ›</span></a>
30  <a><span class="ml-l"><span class="ico">💬</span>联系客服</span><span class="ml-r">9:00-22:00 ›</span></a>
31  <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
32</div>
33<div style="height:80px"></div>
34<div class="tabbar">
35  <a href="index.html"><span class="icon">🏠</span>首页</a>
36  <a href="list.html"><span class="icon">🧭</span>逛逛</a>
37  <a href="sell.html"><span class="icon">➕</span>发布</a>
38  <a href="orders.html"><span class="icon">📋</span>订单</a>
39  <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
40</div>
41<script src="data.js"></script><script src="app.js"></script>
42<script>renderMine();</script>
43</body></html>