r41/video.html · 约 2426 字符
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">前端工程师全栈实战训练营</div>
15</div>
16<div class="player">
17 <div class="plabel">第 8 章 · Pandas 数据清洗</div>
18 <div class="play" id="playBtn">▶</div>
19 <div class="ctrl"><span id="cur">12:36</span><div class="track"><i></i></div><span>32:50</span><span style="margin-left:4px">⛶</span></div>
20</div>
21<div class="vmeta">
22 <div class="vt">8-3 缺失值处理与数据填充</div>
23 <div class="vm"><span>👁 1.2 万次播放</span><span>👍 986</span><span>⭐ 收藏</span><span>已学 62%</span></div>
24</div>
25<div class="seg"><div class="sg on">目录</div><div class="sg">笔记</div><div class="sg">问答</div></div>
26<div class="chap" style="margin-top:6px">
27 <div class="sec"><div class="les"><span class="lk">✔</span>8-1 Pandas 数据结构<span class="d">18:20</span></div></div>
28 <div class="sec"><div class="les"><span class="lk">✔</span>8-2 数据筛选与索引<span class="d">22:05</span></div></div>
29 <div class="sec"><div class="les" style="background:#eff6ff"><span class="lk">▶</span>8-3 缺失值处理与数据填充<span class="d">32:50</span></div></div>
30 <div class="sec"><div class="les"><span class="lk" style="color:var(--muted)">🔒</span>8-4 数据透视表实战<span class="d">28:14</span></div></div>
31</div>
32<a class="btn full" href="notes.html">✎ 记笔记（记录当前 12:36）</a>
33<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏠</span>首页</a><a class="nav-item" href="courses.html"><span class="icon">📚</span>课程</a><a class="nav-item active" href="video.html"><span class="icon">▶️</span>学习</a><a class="nav-item" href="notes.html"><span class="icon">📝</span>笔记</a></div><div class="safe-bottom"></div>
34</div>
35<script>var p=document.getElementById("playBtn");p.addEventListener("click",function(){p.textContent=p.textContent==="▶"?"⏸":"▶";});</script>
36</body>
37</html>