💻 代码预览 · 小草大学生兼职平台 · 招聘求职双角色 H5（移动端）

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,viewport-fit=cover">
6<title>我的报名 · 小草兼职</title>
7<link rel="icon" href="data:,">
8<link rel="stylesheet" href="style.css">
9</head>
10<body data-page="apply_list" style="--brand:#19b36b;--brand-d:#0ca678">
11<header class="navbar "><a class="nb-back" href="seeker_profile.html">&#8249;</a><div class="nb-title">我的报名</div><div class="nb-right"></div></header><main class="uc-wrap" style="padding-top:0"><div class="seg apply-seg" data-group="apply"><a class="seg on" data-group="apply" data-val="待处理" href="#">待处理</a><a class="seg" data-group="apply" data-val="已通过" href="#">已通过</a><a class="seg" data-group="apply" data-val="已拒绝" href="#">已拒绝</a><a class="seg" data-group="apply" data-val="已取消" href="#">已取消</a></div><div class="seg-panel" data-group="apply" data-val="待处理"><div class="ap"><div class="ap-m"><div class="ap-t">初中数学家教</div><div class="ap-c">学而思·兼职 · 180元/时</div><div class="ap-time">8月3日 报名</div></div><div class="ap-r"><div class="ap-st st-wait">待商家确认</div></div></div></div><div class="seg-panel" data-group="apply" data-val="已通过" style="display:none"><div class="ap"><div class="ap-m"><div class="ap-t">周末商场促销员</div><div class="ap-c">优品零售 · 200元/天</div><div class="ap-time">8月1日 通过</div></div><div class="ap-r"><div class="ap-st st-wait">请按时到岗</div></div></div></div><div class="seg-panel" data-group="apply" data-val="已拒绝" style="display:none"><div class="ap"><div class="ap-m"><div class="ap-t">展会发单员</div><div class="ap-c">展会服务 · 150元/天</div><div class="ap-time">7月28日 拒绝</div></div><div class="ap-r"><div class="ap-st st-wait">岗位已招满</div></div></div></div><div class="seg-panel" data-group="apply" data-val="已取消" style="display:none"><div class="ap"><div class="ap-m"><div class="ap-t">快餐店服务员</div><div class="ap-c">快乐星 · 22元/时</div><div class="ap-time">7月20日 取消</div></div><div class="ap-r"><div class="ap-st st-wait">个人时间冲突</div></div></div></div></main><nav class="tabbar"><a class="tb" href="seeker_home.html"><span class="tb-ic">🏠</span><span class="tb-tx">首页</span></a><a class="tb" href="chat.html"><span class="tb-ic">💬</span><span class="tb-tx">消息</span></a><a class="tb on" href="seeker_profile.html"><span class="tb-ic">👤</span><span class="tb-tx">我的</span></a></nav>
12
13<div class="mask" id="mask"></div>
14<div class="toast" id="toast"></div>
15<script src="data/fallback.js"></script>
16<script src="app.js"></script>
17<script></script>
18</body>
19</html>