r41/chapters.html · 约 2582 字符
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.0, maximum-scale=1.0, user-scalable=no">
6<title>章节管理</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">讲师端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭教育</span></div>
13 <h1>章节管理</h1>
14 <div class="sub">前端工程师全栈实战训练营 · 12 章 42 节</div>
15</div>
16<div class="seg" style="margin-top:6px"><div class="sg on">目录结构</div><div class="sg">发布设置</div></div>
17<div class="chap">
18 <div class="sec">
19 <div class="sh"><span>📁</span>第 7 章 · JavaScript 进阶<span class="cnt">4 节 · 已发布</span></div>
20 <div class="les"><span class="lk">🎬</span>7-1 原型链与继承<span class="d">21:10</span></div>
21 <div class="les"><span class="lk">🎬</span>7-2 异步编程 Promise<span class="d">26:38</span></div>
22 </div>
23 <div class="sec">
24 <div class="sh"><span>📂</span>第 8 章 · 数据处理实战<span class="cnt">4 节 · 编辑中</span></div>
25 <div class="les"><span class="lk">🎬</span>8-1 Pandas 数据结构<span class="d">18:20</span></div>
26 <div class="les"><span class="lk">🎬</span>8-2 数据筛选与索引<span class="d">22:05</span></div>
27 <div class="les"><span class="lk">🎬</span>8-3 缺失值处理与数据填充<span class="d">32:50</span></div>
28 <div class="les"><span class="lk" style="color:var(--muted)">⬆️</span>8-4 数据透视表实战<span class="d">待上传</span></div>
29 </div>
30 <div class="sec">
31 <div class="sh"><span>📁</span>第 9 章 · 组件化开发<span class="cnt">3 节 · 草稿</span></div>
32 <div class="les"><span class="lk" style="color:var(--muted)">🕒</span>9-1 组件通信与状态管理<span class="d">上传中</span></div>
33 </div>
34</div>
35<div class="seg" style="margin-top:14px"><div class="sg" style="flex:1"><button class="btn line" style="width:100%">+ 新增章</button></div><div class="sg" style="flex:1"><button class="btn" style="width:100%">+ 新增小节</button></div></div>
36<a class="btn full" href="upload.html">保存并发布章节</a>
37<div class="bottom-nav"><a class="nav-item" href="upload.html"><span class="icon">⬆️</span>上传资料</a><a class="nav-item active" href="chapters.html"><span class="icon">🗂️</span>章节管理</a></div><div class="safe-bottom"></div>
38</div>
39
40</body>
41</html>