💻 代码预览 · 小草大学生兼职平台 · 招聘求职双角色 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="employer_candidates" style="--brand:#2b6cff;--brand-d:#1a4fd6">
11<header class="navbar "><a class="nb-back" href="employer_home.html">&#8249;</a><div class="nb-title">候选人 · 周末商场促销员</div><div class="nb-right"><span data-toast="导出" style="font-size:13px;color:var(--brand)">导出</span></div></header><main class="uc-wrap" style="padding-top:0"><div class="tal-sum">共收到 <b>18</b> 份简历，待处理 <b>12</b> 份</div><div class="chip-row tal-seg"><a class="chip on" data-filter="全部" href="#">全部</a><a class="chip" data-filter="未处理" href="#">未处理</a><a class="chip" data-filter="已邀约" href="#">已邀约</a><a class="chip" data-filter="已录取" href="#">已录取</a></div><div class="cd" data-status="未处理"><div class="avatar" style="width:44px;height:44px;background:#eef6ff;font-size:22px">🌿</div><div class="cd-m"><div class="cd-t">林小满 <span class="cd-score">匹配 92</span></div><div class="cd-s">北京师范大学 · 汉语言文学 · 大三</div><div class="cd-tags"><span class="cd-tag">有促销经验</span><span class="cd-tag">周末可到</span></div></div><div class="cd-r"><span class="cd-st st-wait">新报名</span><a class="cd-btn" data-toast="已发送邀约" href="#">邀约</a><a class="cd-btn ok" data-toast="已录取" href="#">录取</a></div></div><div class="cd" data-status="未处理"><div class="avatar" style="width:44px;height:44px;background:#eef6ff;font-size:22px">⭐</div><div class="cd-m"><div class="cd-t">陈星辰 <span class="cd-score">匹配 88</span></div><div class="cd-s">北京工商大学 · 市场营销 · 大二</div><div class="cd-tags"><span class="cd-tag">沟通能力强</span><span class="cd-tag">身高172</span></div></div><div class="cd-r"><span class="cd-st st-wait">新报名</span><a class="cd-btn" data-toast="已发送邀约" href="#">邀约</a><a class="cd-btn ok" data-toast="已录取" href="#">录取</a></div></div><div class="cd" data-status="已邀约"><div class="avatar" style="width:44px;height:44px;background:#eef6ff;font-size:22px">🌸</div><div class="cd-m"><div class="cd-t">赵雨桐 <span class="cd-score">匹配 85</span></div><div class="cd-s">首都经贸大学 · 工商管理 · 大三</div><div class="cd-tags"><span class="cd-tag">做过导购</span><span class="cd-tag">细心</span></div></div><div class="cd-r"><span class="cd-st st-inv">已邀约</span><a class="cd-btn" data-toast="已发送邀约" href="#">邀约</a><a class="cd-btn ok" data-toast="已录取" href="#">录取</a></div></div><div class="cd" data-status="已录取"><div class="avatar" style="width:44px;height:44px;background:#eef6ff;font-size:22px">🌟</div><div class="cd-m"><div class="cd-t">王浩然 <span class="cd-score">匹配 80</span></div><div class="cd-s">北京联合大学 · 广告学 · 大一</div><div class="cd-tags"><span class="cd-tag">热情开朗</span></div></div><div class="cd-r"><span class="cd-st st-ok">已录取</span><a class="cd-btn" data-toast="已发送邀约" href="#">邀约</a><a class="cd-btn ok" data-toast="已录取" href="#">录取</a></div></div></main><nav class="tabbar"><a class="tb" href="employer_home.html"><span class="tb-ic">🏠</span><span class="tb-tx">首页</span></a><a class="tb on" href="employer_candidates.html"><span class="tb-ic">📋</span><span class="tb-tx">简历</span></a><a class="tb" href="employer_home.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>$$('.chip[data-filter]').forEach(function(ch){ch.onclick=function(e){e.preventDefault();$$('.chip[data-filter]').forEach(function(x){x.classList.remove('on')});ch.classList.add('on');var f=ch.getAttribute('data-filter');$$('.cd').forEach(function(cd){cd.style.display=(f==='全部'||cd.getAttribute('data-status')===f)?'':'none';});};});</script>
18</body>
19</html>