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

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="filter-tabs">
13  <div class="filter-tab sel">全部</div>
14  <div class="filter-tab">日结</div>
15  <div class="filter-tab">长期</div>
16  <div class="filter-tab">校内</div>
17  <div class="filter-tab">线上</div>
18  <div class="filter-tab">高薪</div>
19</div>
20<div class="sort-bar"><span class="on">综合排序</span><span>薪资最高</span><span>最近发布</span></div>
21<div class="section-title">全部兼职 <span>共 128 个</span></div>
22<div id="jobList"></div>
23
24
25<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" href="jobs.html"><span class="icon">💼</span>找兼职</a><a class="" 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>
26<script src="../data.js"></script>
27<script>
28  var jl = document.getElementById('jobList');
29  var h = '';
30  window.DATA.jobs.forEach(function (j) {
31    h += '<div class="job-card"><div class="jc-head"><div class="jc-title">' + j.title + (j.hot ? ' <span class="badge badge-hot">热门</span>' : '') + '</div>'
32      + '<div class="jc-salary">' + j.salary + '</div></div>'
33      + '<div class="jc-tags">' + j.tags.map(function (t) { return '<span class="tag">' + t + '</span>'; }).join('') + (j.ins ? '<span class="tag" style="background:#ecfdf5;color:#16a34a">🛡️ 带保险</span>' : '') + '</div>'
34      + '<div class="jc-meta"><span>📍 ' + j.city + '</span><span>👥 招 ' + j.num + ' 人</span><span>💳 ' + j.pay + '</span></div>'
35      + '<div class="jc-foot"><span>' + j.org + '</span><div class="jc-btn">查看详情</div></div></div>';
36  });
37  jl.innerHTML = h;
38</script>
39<script src="../app.js"></script>
40</body>
41</html>