r114/login.html · 约 2546 字符
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="login" style="--brand:#19b36b;--brand-d:#0ca678">
11<header class="hero login-hero"><div class="hero-emoji">🌱</div><h1 class="hero-title">欢迎来到小草</h1><p class="hero-sub">请选择登录身份</p></header><main class="uc-wrap"><div class="seg role-seg" data-group="role"><a class="seg on" data-group="role" data-val="student" href="#">🎓 学生登录</a><a class="seg" data-group="role" data-val="employer" href="#">🏢 企业登录</a></div><div class="seg-panel" data-group="role" data-val="student"><div class="card login-card"><div class="lc-role"><span class="lc-dot seek"></span>求职者 · 学生身份</div><input class="fld" placeholder="手机号" value="138****6688"><div class="fld-row"><input class="fld" placeholder="验证码"><a class="fld-btn" data-toast="验证码已发送" href="#">获取</a></div><input class="fld" placeholder="所在学校" value="北京师范大学"><div class="fld-row"><input class="fld" placeholder="专业" value="汉语言文学"><input class="fld" placeholder="年级" value="大三"></div><a class="btn-primary" href="seeker_home.html">登录 / 注册</a><div class="lc-tip">学生认证后可享工资托管与兼职保险保障</div></div></div><div class="seg-panel" data-group="role" data-val="employer" style="display:none"><div class="card login-card emp"><div class="lc-role"><span class="lc-dot emp"></span>用人单位 · 企业 HR</div><input class="fld" placeholder="企业名称" value="优品零售有限公司"><input class="fld" placeholder="HR 手机号" value="139****2233"><div class="fld-row"><input class="fld" placeholder="验证码"><a class="fld-btn emp" data-toast="验证码已发送" href="#">获取</a></div><input class="fld" placeholder="统一社会信用代码" value="91110105MA0****X"><a class="btn-primary emp" href="employer_home.html">登录 / 注册</a><div class="lc-tip">企业实名认证后免费发布兼职，速结岗位由平台垫付</div></div></div><a class="login-back" href="index.html">‹ 返回首页</a></main>
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>