r65/book.html · 约 2384 字符
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="card">
17 <div class="row"><div class="thumb">%s</div><div class="info" style="flex:1"><div class="nm" style="font-size:15px;font-weight:700">%s · %s</div><div class="muted">%s · ¥%s/课时</div></div></div>
18</div>
19<div class="card">
20 <div class="sec-title"><span class="em">📅</span> 选择试讲时间</div>
21 <div><span class="slot on">周六 上午</span><span class="slot">周六 下午</span><span class="slot">周日 上午</span><span class="slot">周日 下午</span></div>
22 <div><span class="slot">周三 晚</span><span class="slot">周五 晚</span></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">🧒</span> 学生信息</div>
26 <div class="fields">
27 <div class="field"><span class="lb">学生姓名 / 年级</span><input value="李晓雯 · 高二"></div>
28 <div class="field"><span class="lb">薄弱科目</span><input value="函数与解析几何"></div>
29 <div class="field"><span class="lb">上课方式</span><select><option>上门一对一</option><option>在线视频</option><option>机构教室</option></select></div>
30 <div class="field"><span class="lb">备注</span><textarea class="ta">希望重点突破高考压轴题，每周一次。</textarea></div>
31 </div>
32</div>
33<div class="card row"><div><div class="muted">试讲费用</div><div class="price">¥%s<span style="font-size:12px;font-weight:500;color:var(--sub)">（首节体验价）</span></div></div>
34 <button class="btn" onclick="this.textContent='✓ 已提交，等待确认';this.disabled=true">提交预约</button></div>
35</main>
36 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class=" on" href="list.html"><span class="ic">🔍</span>找教员</a><a class="" href="my.html"><span class="ic">📋</span>我的预约</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
37</div>
38<script></script>
39</body>
40</html>