小草兼职通_H5/detail.html · 约 3025 字符
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 id="detail-box"></div>
4<div class="card">
5 <div class="section-title" style="margin:0 0 8px">工作内容</div>
6 <div class="requirement-list" id="req-box"></div>
7</div>
8<div class="card">
9 <div class="section-title" style="margin:0 0 8px">结算保障</div>
10 <div style="display:flex;gap:10px;text-align:center">
11 <div style="flex:1"><div style="font-size:24px">⚡</div><div style="font-size:11px;font-weight:600">当日到账</div></div>
12 <div style="flex:1"><div style="font-size:24px">🛡️</div><div style="font-size:11px;font-weight:600">平台担保</div></div>
13 <div style="flex:1"><div style="font-size:24px">📱</div><div style="font-size:11px;font-weight:600">在线考勤</div></div>
14 <div style="flex:1"><div style="font-size:24px">💬</div><div style="font-size:11px;font-weight:600">联系商家</div></div>
15 </div>
16</div>
17<div style="height:90px"></div>
18<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;display:flex;gap:10px;padding:10px 12px;border-top:1px solid #eee;z-index:99">
19 <button class="btn btn-outline" style="flex:1" onclick="toast('已收藏该岗位')">⭐ 收藏</button>
20 <button class="btn btn-primary" style="flex:1" onclick="applyJob(CURRENT.id)">立即报名</button>
21</div>
22<script src="data.js"></script><script src="app.js"></script>
23<script>
24const id=new URLSearchParams(location.search).get('id')||1;
25const j=JOBS.find(x=>x.id==id);window.CURRENT=j;
26$('#detail-box').innerHTML=`
27 <div class="detail-hero">
28 <div class="dh-name">${j.emoji} ${j.name} ${j.tag==='hot'?'<span class="badge badge-hot">急招</span>':''}</div>
29 <div class="dh-salary">¥${j.salary}<em>/${j.unit}</em> <span style="font-size:13px;font-weight:400">${j.pay}</span></div>
30 <div class="dh-meta"><span>📍 ${j.dist}</span><span>🕐 ${j.time}</span><span>👥 缺${j.count}人</span></div>
31 </div>
32 <div class="card">
33 <div class="info-row"><span class="ir-label">🏢 用工方</span><b>${j.company}</b></div>
34 <div class="info-row"><span class="ir-label">💰 薪资</span><b>¥${j.salary}/${j.unit}（${j.pay}）</b></div>
35 <div class="info-row"><span class="ir-label">📍 工作地点</span><b>距你 ${j.dist} · 报名后查看详细地址</b></div>
36 <div class="info-row"><span class="ir-label">⏰ 工作时间</span><b>${j.time}</b></div>
37 </div>`;
38$('#req-box').innerHTML='· '+j.req+'<br>· 报名后需完成线上安全培训<br>· 平台实名认证用户优先录取<br>· 当天工作当天结算，异常可申诉';
39</script>
40</body></html>