|
|
<!doctype html>
|
|
|
<html lang="zh-CN">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
|
<title>S-lake高校雷达网</title>
|
|
|
<link rel="stylesheet" href="css/style.css?v=20260525-129">
|
|
|
</head>
|
|
|
<body data-route="home">
|
|
|
<div class="app-shell">
|
|
|
<header class="topbar">
|
|
|
<button class="back-btn" id="backBtn" type="button" aria-label="返回">‹</button>
|
|
|
<h1 id="pageTitle">S-lake高校雷达网</h1>
|
|
|
<button class="top-action" id="topAction" type="button">登录</button>
|
|
|
</header>
|
|
|
|
|
|
<main id="app" class="page"></main>
|
|
|
|
|
|
<nav class="tabbar" id="tabbar" aria-label="主导航">
|
|
|
<button class="tab-item active" type="button" data-route="home">
|
|
|
<span class="home-tab-mark">✥</span>
|
|
|
<span>首页</span>
|
|
|
</button>
|
|
|
<button class="tab-item" type="button" data-route="courses">
|
|
|
<span>课程学习</span>
|
|
|
</button>
|
|
|
<button class="tab-item" type="button" data-route="activities">
|
|
|
<span>活动参与</span>
|
|
|
</button>
|
|
|
<button class="tab-item" type="button" data-route="discover">
|
|
|
<span>发现</span>
|
|
|
</button>
|
|
|
<button class="tab-item" type="button" data-route="profile">
|
|
|
<span>我的</span>
|
|
|
</button>
|
|
|
</nav>
|
|
|
</div>
|
|
|
|
|
|
<div class="toast" id="toast" role="status"></div>
|
|
|
<div class="signup-modal success-modal" id="signupSuccessModal" aria-hidden="true">
|
|
|
<div class="signup-panel success-panel" role="dialog" aria-modal="true" aria-labelledby="signupSuccessTitle">
|
|
|
<div class="success-mark" aria-hidden="true">✓</div>
|
|
|
<h2 id="signupSuccessTitle">报名成功</h2>
|
|
|
<p id="signupSuccessMessage">已为你同步到报名日程</p>
|
|
|
<button class="btn btn-primary" type="button" data-close-success>关闭</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="signup-modal" id="courseSignupModal" aria-hidden="true">
|
|
|
<form class="signup-panel" id="courseSignupForm">
|
|
|
<div class="signup-head">
|
|
|
<div>
|
|
|
<h2 id="signupModalTitle">课程报名</h2>
|
|
|
<p id="signupCourseTitle">填写信息后立即完成报名</p>
|
|
|
</div>
|
|
|
<button class="signup-close" type="button" data-close-signup aria-label="关闭">×</button>
|
|
|
</div>
|
|
|
<input type="hidden" name="courseId" id="signupCourseId">
|
|
|
<input type="hidden" name="signupType" id="signupType" value="course">
|
|
|
<div class="signup-field signup-session-block" id="signupSessionBlock" hidden>
|
|
|
<span>选择场次<i>*</i></span>
|
|
|
<div class="signup-session-list" id="signupSessionOptions" role="radiogroup" aria-label="活动场次"></div>
|
|
|
<em class="signup-error" id="signupSessionError"></em>
|
|
|
</div>
|
|
|
<label class="signup-field">
|
|
|
<span>姓名<i>*</i></span>
|
|
|
<input class="input" name="name" placeholder="请输入姓名" required>
|
|
|
</label>
|
|
|
<label class="signup-field">
|
|
|
<span>手机<i>*</i></span>
|
|
|
<input class="input" name="phone" type="tel" inputmode="numeric" maxlength="11" placeholder="请输入手机号码" required>
|
|
|
<em class="signup-error" id="signupPhoneError"></em>
|
|
|
</label>
|
|
|
<label class="signup-field">
|
|
|
<span>公司</span>
|
|
|
<input class="input" name="company" placeholder="请输入公司名称">
|
|
|
</label>
|
|
|
<button class="btn btn-primary" type="submit">提交报名</button>
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
<script src="js/app.js?v=20260525-129"></script>
|
|
|
</body>
|
|
|
</html>
|
