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

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<header class="header"><span class="back"></span><h1>我的报名</h1><span class="right">📅</span></header>
12<div class="step-flow">
13  <div class="sf-step done"><div class="sf-dot">✓</div>报名</div>
14  <div class="sf-step done"><div class="sf-dot">✓</div>确认</div>
15  <div class="sf-step now"><div class="sf-dot">3</div>录取</div>
16  <div class="sf-step"><div class="sf-dot">4</div>完工</div>
17  <div class="sf-step"><div class="sf-dot">5</div>结算</div>
18</div>
19<div class="filter-tabs">
20  <div class="filter-tab sel">全部</div>
21  <div class="filter-tab">进行中</div>
22  <div class="filter-tab">待确认</div>
23  <div class="filter-tab">已结算</div>
24  <div class="filter-tab">待评价</div>
25</div>
26<div id="appList"></div>
27<div class="card" style="text-align:center">
28  <div style="font-size:13px;font-weight:700;margin-bottom:6px">📝 报名小贴士</div>
29  <div style="font-size:12px;color:#b0896b;line-height:1.8">录取后记得按时到岗打卡，完工后企业确认即可结算<br/>如遇企业拖欠薪资，可一键发起「薪资保障垫付」</div>
30</div>
31
32
33<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=" active" href="apps.html"><span class="icon">📝</span>我的报名</a><a class="" href="wallet.html"><span class="icon">💰</span>钱包</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
34<script src="../data.js"></script>
35<script>
36  var al = document.getElementById('appList');
37  var h = '';
38  var stMap = { wait: ['待确认', 'wait'], ing: ['进行中', 'ing'], done: ['已结算', 'done'] };
39  window.DATA.apps.forEach(function (a) {
40    var st = stMap[a.st] || ['进行中', 'ing'];
41    h += '<div class="app-card"><div class="ac-head">' + a.title + ' <span class="st ' + st[1] + '">' + st[0] + '</span></div>'
42      + '<div class="ac-meta">' + a.time + ' · ' + a.note + '</div>'
43      + '<div class="ac-foot"><i>联系企业</i><i>查看详情</i>' + (a.st === 'ing' ? '<i class="main" data-toast="打卡成功">📍 打卡签到</i>' : a.st === 'done' ? '<i class="main">去评价</i>' : '<i class="main">催确认</i>') + '</div></div>';
44  });
45  al.innerHTML = h;
46</script>
47<script src="../app.js"></script>
48</body>
49</html>