💻 代码预览 · 小草兼职平台

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<div class="user-card" style="background:linear-gradient(135deg,#ea580c,#f97316);margin:12px;border-radius:14px;color:#fff;padding:18px;display:flex;align-items:center;gap:12px">
12  <div class="uc-avatar" style="width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:30px">🎓</div>
13  <div>
14    <div class="uc-name" style="font-size:17px;font-weight:600">李同学</div>
15    <div class="uc-level" style="font-size:12px;opacity:.9;margin-top:3px">西安交通大学 · 学生认证 ✓ · 信用分 92</div>
16  </div>
17</div>
18<div class="card" style="display:flex;text-align:center">
19  <div style="flex:1"><b style="font-size:18px;color:#ea580c;display:block">12</b><span style="font-size:11px;color:#b0896b">完成兼职</span></div>
20  <div style="flex:1"><b style="font-size:18px;color:#ea580c;display:block">4.9</b><span style="font-size:11px;color:#b0896b">平均评分</span></div>
21  <div style="flex:1"><b style="font-size:18px;color:#ea580c;display:block">¥2,486</b><span style="font-size:11px;color:#b0896b">累计收入</span></div>
22</div>
23<div class="menu-list">
24  <a href="apps.html"><span class="ml-l"><span class="ico">📝</span>我的报名</span><span class="ml-r">3 条</span></a>
25  <a href="wallet.html"><span class="ml-l"><span class="ico">💰</span>我的钱包</span><span class="ml-r">¥328</span></a>
26  <a data-toast="已进入简历编辑"><span class="ml-l"><span class="ico">📄</span>我的简历</span><span class="ml-r">›</span></a>
27  <a data-toast="收藏 6 个职位"><span class="ml-l"><span class="ico">⭐</span>我的收藏</span><span class="ml-r">6</span></a>
28  <a data-toast="实名认证已完成"><span class="ml-l"><span class="ico">✅</span>实名认证</span><span class="ml-r">✓</span></a>
29  <a data-toast="邀请好友各得 5 元"><span class="ml-l"><span class="ico">🤝</span>邀请有奖</span><span class="ml-r">›</span></a>
30  <a data-toast="防骗指南已更新"><span class="ml-l"><span class="ico">📖</span>防骗指南</span><span class="ml-r">›</span></a>
31  <a data-toast="客服在线 8:00-24:00"><span class="ml-l"><span class="ico">🎧</span>联系客服</span><span class="ml-r">›</span></a>
32</div>
33
34<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="jobs.html"><span class="icon">💼</span>找兼职</a><a class="" href="apps.html"><span class="icon">📝</span>我的报名</a><a class="" href="wallet.html"><span class="icon">💰</span>钱包</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
35<script src="../data.js"></script>
36
37<script src="../app.js"></script>
38</body>
39</html>