小草兼职通_H5/index.html · 约 3095 字符
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="topbar">
3 <div class="tb-row"><span>📍</span><span class="tb-addr">阳光花园</span><span style="opacity:.8;font-size:11px">▾ 附近 326 个兼职岗位</span></div>
4 <div class="tb-search" onclick="location.href='jobs.html'"><span>🔍</span><span>搜索 配送 / 促销 / 工厂日结…</span></div>
5</div>
6<div class="earn-card">
7 <div class="ec-title">💼 本周兼职收入</div>
8 <div class="ec-amount">¥1,286.50</div>
9 <div class="ec-sub">接单 43 单 · 本周累计工作 26 小时 · 提现 ¥1,000</div>
10 <span class="ec-withdraw" onclick="location.href='wallet.html'">立即提现</span>
11</div>
12<div class="quick-grid">
13 <a href="jobs.html"><span class="qicon">🛵</span>配送日结</a>
14 <a href="jobs.html"><span class="qicon">📣</span>促销兼职</a>
15 <a href="jobs.html"><span class="qicon">🏭</span>工厂普工</a>
16 <a href="wallet.html"><span class="qicon">💰</span>我的钱包</a>
17</div>
18<div class="section-title">附近兼职 <span>日结 · 秒结</span></div>
19<div id="job-list"></div>
20<div class="safe-tip">
21 <div style="font-size:14px;font-weight:700">🛡️ 求职安全提醒</div>
22 <div style="font-size:12px;color:#8a6240;margin-top:6px;line-height:1.9">
23 · 凡要求先交押金/会员费/培训费的岗位一律是骗局！<br>
24 · 优先选择平台担保结算的岗位 · 遇到纠纷拨打 12333 劳动热线
25 </div>
26</div>
27<div style="height:80px"></div>
28<div class="tabbar">
29 <a class="active" href="index.html"><span class="icon">🏠</span>首页</a>
30 <a href="jobs.html"><span class="icon">💼</span>岗位</a>
31 <a href="apps.html"><span class="icon">📋</span>报名</a>
32 <a href="wallet.html"><span class="icon">💰</span>钱包</a>
33 <a href="mine.html"><span class="icon">👤</span>我的</a>
34</div>
35<script src="data.js"></script><script src="app.js"></script>
36<script>
37$('#job-list').innerHTML=JOBS.filter(j=>j.tag==='hot'||j.pay==='日结').slice(0,4).map(j=>`
38 <div class="job-card" onclick="location.href='detail.html?id=${j.id}'">
39 <div class="jc-head">
40 <div>
41 <div class="jc-name">${j.emoji} ${j.name} ${j.tag==='hot'?'<span class="badge badge-hot">急招</span>':j.tag==='new'?'<span class="badge badge-new">新岗位</span>':''}</div>
42 <div class="jc-meta"><span>📍 ${j.dist}</span><span>🕐 ${j.time}</span></div>
43 </div>
44 <div class="jc-salary"><em>¥</em>${j.salary}<small style="font-size:11px;font-weight:400;color:#b08a6c">/${j.unit}</small></div>
45 </div>
46 <div class="jc-tags"><span class="tag">${j.pay}</span><span class="tag">${j.company}</span><span class="tag">缺${j.count}人</span></div>
47 <div class="jc-foot"><span>${j.req}</span><span class="jc-apply">立即报名</span></div>
48 </div>`).join('');
49</script>
50</body></html>