💻 代码预览 · 小草兼职通

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">Lv.5 黄金骑手 · 累计收入 ¥10,320</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-balance">368.5</b><div style="font-size:11px;color:#b08a6c">余额(元)</div></div>
9  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-orders">86</b><div style="font-size:11px;color:#b08a6c">完成单数</div></div>
10  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-points">2360</b><div style="font-size:11px;color:#b08a6c">积分</div></div>
11  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-invite">12</b><div style="font-size:11px;color:#b08a6c">邀请好友</div></div>
12</div>
13<div class="card" id="verify-list"></div>
14<div style="display:flex;background:#fff;border-radius:12px;margin:12px;padding:14px 0">
15  <a href="apps.html" style="flex:1;text-align:center;font-size:11px;color:#7a4a28"><span style="font-size:24px;display:block;margin-bottom:4px">📋</span>我的报名<em style="font-style:normal;display:block;font-size:10px;color:#b08a6c;margin-top:2px">3条进行中</em></a>
16  <a href="wallet.html" style="flex:1;text-align:center;font-size:11px;color:#7a4a28"><span style="font-size:24px;display:block;margin-bottom:4px">💰</span>我的钱包<em style="font-style:normal;display:block;font-size:10px;color:#b08a6c;margin-top:2px">随时提现</em></a>
17  <a href="jobs.html" style="flex:1;text-align:center;font-size:11px;color:#7a4a28"><span style="font-size:24px;display:block;margin-bottom:4px">⭐</span>我的收藏<em style="font-style:normal;display:block;font-size:10px;color:#b08a6c;margin-top:2px">6个岗位</em></a>
18  <a href="mine.html" style="flex:1;text-align:center;font-size:11px;color:#7a4a28"><span style="font-size:24px;display:block;margin-bottom:4px">📅</span>考勤记录<em style="font-style:normal;display:block;font-size:10px;color:#b08a6c;margin-top:2px">本月26h</em></a>
19</div>
20<div class="menu-list">
21  <a><span class="ml-l"><span class="ico">✅</span>身份认证</span><span class="ml-r">已实名 ›</span></a>
22  <a><span class="ml-l"><span class="ico">📖</span>安全培训</span><span class="ml-r">已完成 ›</span></a>
23  <a><span class="ml-l"><span class="ico">🎁</span>邀请有奖</span><span class="ml-r">邀1人得¥20 ›</span></a>
24  <a><span class="ml-l"><span class="ico">🏅</span>等级成长</span><span class="ml-r">Lv.5 黄金 ›</span></a>
25  <a><span class="ml-l"><span class="ico">🧾</span>电子合同</span><span class="ml-r">›</span></a>
26  <a><span class="ml-l"><span class="ico">💬</span>联系客服</span><span class="ml-r">7×24小时 ›</span></a>
27  <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
28</div>
29<div style="height:80px"></div>
30<div class="tabbar">
31  <a href="index.html"><span class="icon">🏠</span>首页</a>
32  <a href="jobs.html"><span class="icon">💼</span>岗位</a>
33  <a href="apps.html"><span class="icon">📋</span>报名</a>
34  <a href="wallet.html"><span class="icon">💰</span>钱包</a>
35  <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
36</div>
37<script src="data.js"></script><script src="app.js"></script>
38<script>renderMine();</script>
39</body></html>