首页/ mobileweb/ 在线招聘网站H5移动端功能演示/ 代码预览

💻 代码预览 · 在线招聘网站H5移动端功能演示

mw_hr · 上传者 驰旭教育
← 返回详情
r55/search.html · 约 2792 字符
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<div class="app">
11  <header class="top">
12    <div class="top-l">求职者 · 林浩</div>
13    <div class="top-r">搜索职位</div>
14  </header>
15  <main class="main">
16<div class="search">🔍 输入职位名,如「前端工程师」</div>
17<div class="chips">
18  <div class="chip on">💻 技术</div><div class="chip">📊 产品</div><div class="chip">🎨 设计</div>
19  <div class="chip">🧪 测试</div><div class="chip">📈 运营</div>
20</div>
21<div class="card">
22  <div class="sec-title"><span class="em">🔧</span> 筛选条件</div>
23  <div class="pin">🏙 城市:北京</div> <div class="pin">💰 薪资:20K+</div> <div class="pin">🎓 学历:本科</div>
24  <button class="btn ghost sm" style="margin-left:8px">重置</button>
25</div>
26<div class="card">
27  <div class="sec-title"><span class="em">📋</span> 「前端工程师」搜索结果(126)</div>
28  <a class="guide" href="job.html" style="text-decoration:none;color:inherit"><div class="thumb">💻</div><div class="info"><div class="nm">高级前端工程师</div><div class="sub">字节跳动 · 北京·朝阳区</div><div class="meta">30-50K·16薪 · 🏷 3-5年 · 本科 · 全职</div></div></a><a class="guide" href="job.html" style="text-decoration:none;color:inherit"><div class="thumb">🛠️</div><div class="info"><div class="nm">后端开发工程师(Go)</div><div class="sub">美团 · 上海·徐汇区</div><div class="meta">25-45K·15薪 · 🏷 3-5年 · 本科 · 全职</div></div></a><a class="guide" href="job.html" style="text-decoration:none;color:inherit"><div class="thumb">📊</div><div class="info"><div class="nm">产品经理(C端)</div><div class="sub">小红书 · 杭州·余杭区</div><div class="meta">20-35K·14薪 · 🏷 2-4年 · 本科 · 全职</div></div></a><a class="guide" href="job.html" style="text-decoration:none;color:inherit"><div class="thumb">🤖</div><div class="info"><div class="nm">资深算法工程师</div><div class="sub">腾讯 · 深圳·南山区</div><div class="meta">40-70K·16薪 · 🏷 5-10年 · 硕士 · 全职</div></div></a>
29</div>
30</main>
31  <nav class="nav"><a class="" href="jobs.html"><span class="ic">💼</span>职位</a><a class=" on" href="search.html"><span class="ic">🔍</span>搜索</a><a class="" href="resume.html"><span class="ic">📄</span>简历</a><a class="" href="apply.html"><span class="ic">📨</span>投递</a><a class="" href="msg.html"><span class="ic">🔔</span>消息</a></nav>
32</div>
33<script></script>
34</body>
35</html>