小草兼职平台_H5/user/index.html · 约 2920 字符
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="search-bar" data-toast="搜索职位/企业"><span class="sb-ico">🔍</span><span class="sb-text">搜索兼职 / 企业 / 附近</span></div>
13<div class="filter-tabs">
14 <div class="filter-tab sel">推荐</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 class="filter-tab">线上</div>
20</div>
21<div class="guarantee">
22 <div class="gu-item"><span class="gu-emoji">🛡️</span>兼职保险</div>
23 <div class="gu-item"><span class="gu-emoji">🏦</span>薪资垫付</div>
24 <div class="gu-item"><span class="gu-emoji">⭐</span>完工互评</div>
25 <div class="gu-item"><span class="gu-emoji">🎓</span>学生认证</div>
26</div>
27<div class="section-title">🔥 今日热门兼职 <span>共 128 个 ›</span></div>
28<div id="hotJobs"></div>
29<div class="card" style="text-align:center">
30 <div style="font-size:14px;font-weight:700;margin-bottom:6px">🎁 新人福利</div>
31 <div style="font-size:12px;color:#b0896b;margin-bottom:12px">注册领 10 元红包 · 首单结算加送 5 元 · 邀请好友各得 5 元</div>
32 <div class="btn btn-primary" style="width:60%;display:inline-block" data-toast="新人红包已到账">立即领取</div>
33</div>
34
35
36<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>首页</a><a class="" 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>
37<script src="../data.js"></script>
38<script>
39 var hj = document.getElementById('hotJobs');
40 var h = '';
41 window.DATA.jobs.slice(0, 3).forEach(function (j) {
42 h += '<div class="job-card"><div class="jc-head"><div class="jc-title">' + j.title + '</div>'
43 + '<div class="jc-salary">' + j.salary + '</div></div>'
44 + '<div class="jc-tags">' + j.tags.map(function (t) { return '<span class="tag">' + t + '</span>'; }).join('') + '</div>'
45 + '<div class="jc-meta"><span>📍 ' + j.city + '</span><span>👥 招 ' + j.num + ' 人</span><span>' + j.pay + '</span></div>'
46 + '<div class="jc-foot"><span>' + j.org + '</span><div class="jc-btn" data-toast="报名成功">立即报名</div></div></div>';
47 });
48 hj.innerHTML = h;
49</script>
50<script src="../app.js"></script>
51</body>
52</html>