💻 代码预览 · 小草大学生兼职平台 · 招聘求职双角色 H5（移动端）

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,viewport-fit=cover">
6<title>发布兼职 · 小草兼职</title>
7<link rel="icon" href="data:,">
8<link rel="stylesheet" href="style.css">
9</head>
10<body data-page="employer_post" style="--brand:#2b6cff;--brand-d:#1a4fd6">
11<header class="navbar "><a class="nb-back" href="employer_home.html">&#8249;</a><div class="nb-title">发布兼职</div><div class="nb-right"><span data-toast="存草稿" style="font-size:13px;color:var(--brand)">存草稿</span></div></header><main class="uc-wrap" style="padding-top:0"><div class="card"><div class="card-h">填写岗位信息</div><div class="fld-block"><label>岗位名称</label><input class="fld" type="text" placeholder="如：周末商场促销员"></div><div class="fld-block"><label>薪资待遇</label><input class="fld" type="text" placeholder="如：200元/天（日结）"></div><div class="fld-block"><label>工作地点</label><input class="fld" type="text" placeholder="如：朝阳区·大悦城"></div><div class="fld-block"><label>招聘人数</label><input class="fld" type="number" placeholder="如：10 人"></div><div class="fld-block"><label>工作时间</label><input class="fld" type="text" placeholder="如：每周六日 09:00-18:00"></div><div class="fld-block"><label>岗位要求</label><textarea class="fld ta" placeholder="如：在校大学生，吃苦耐劳"></textarea></div><div class="fld-block"><label>福利标签</label><input class="fld" type="text" placeholder="如：包餐,交通补贴,免费培训"></div></div><div class="prev-card"><div class="prev-h">📱 手机端预览</div><div class="prev-job"><span class="prev-tag">日结</span><b>周末商场促销员</b><div class="prev-pay">200元/天</div><div class="prev-meta">朝阳区·大悦城 · 招 10 人</div></div></div><a class="btn-primary emp" href="employer_home.html" data-toast="发布成功，已上架">确认发布</a></main><nav class="tabbar"><a class="tb" href="employer_home.html"><span class="tb-ic">🏠</span><span class="tb-tx">首页</span></a><a class="tb" href="employer_candidates.html"><span class="tb-ic">📋</span><span class="tb-tx">简历</span></a><a class="tb on" href="employer_home.html"><span class="tb-ic">👤</span><span class="tb-tx">我的</span></a></nav>
12
13<div class="mask" id="mask"></div>
14<div class="toast" id="toast"></div>
15<script src="data/fallback.js"></script>
16<script src="app.js"></script>
17<script></script>
18</body>
19</html>