Hooke / mlaj

使用 ResizeObserver 替代 setTimeout 监听元素尺寸变化，提高响应速度和准确性。移除不必要的延迟，并在组件卸载时取消监听，避免内存泄漏。

将延迟时间从300毫秒增加到500毫秒，以确保在页面加载时更准确地计算topWrapperHeight

在组件挂载时添加窗口大小变化监听，并在DOM更新后延迟计算topWrapperHeight，以确保获取正确的高度。同时，在组件卸载时移除所有相关事件监听器，避免内存泄漏。

统一将默认值“空数据”替换为“N/A”，提高代码一致性和可读性

修复了日程展开按钮图标方向错误的问题，确保图标在展开和收起时显示正确的方向

为了优化用户体验，当课程大纲条目超过4条时，默认显示前4条，并提供展开/收起按钮，点击按钮可查看全部或收起部分条目

- 集成课程列表、详情、热门课程等接口
- 优化课程卡片、课程详情页的数据展示
- 添加课程跳转功能
- 移除模拟数据，使用真实接口数据

在登录页面中添加验证码登录选项，用户可以选择使用验证码或密码进行登录。新增验证码输入框、发送验证码按钮以及相关逻辑，包括手机号验证、验证码发送和倒计时功能

移除 `UploadVideoPopup.vue` 和 `VideoPlayer.vue` 中未使用的 `defineProps` 和 `defineEmits` 导入，以简化代码并提高可维护性。

移除不再使用的音频播放设置代码，以简化用户设置页面

- 将学习记录标签的顶部布局调整为固定定位，并添加背景色和边框
- 移除未使用的VanCell组件以简化代码
- 添加新的课程数据以丰富学习记录内容

在课程详情页中增加对音频课程的支持，添加音频播放器组件。同时，优化课程类型显示逻辑，将课程类型统一为英文标识（video/audio），并在前端显示时转换为中文。此外，调整了音频播放器的样式和布局，以提升用户体验。

在路由配置中添加了课程集合页面的路由，并在用户设置页面中添加了导航到课程集合页面的链接。新增了课程集合页面的视图组件，用于展示课程详情、目录和互动内容。

在评论区域添加了“查看更多”按钮，点击后弹出弹窗显示全部评论。弹窗包含可滚动的评论列表和底部输入框，用户可以在弹窗中提交新的评论。优化了评论展示逻辑，默认只显示前三条评论。

在StudyDetailPage组件中添加滚动监听，根据滚动位置动态更新活动标签。同时，在组件卸载时移除滚动监听以避免内存泄漏。

修复底部操作栏高度动态计算问题，确保评论区域的内边距根据底部操作栏的高度自动调整，避免内容重叠

- 重构评论列表布局，增加评论数量显示和查看更多按钮
- 为评论添加点赞功能，支持切换点赞状态并更新点赞数
- 优化底部操作栏样式，调整输入框为多行文本区域

将视频播放和标签页区域固定，滚动区域独立，提升页面交互流畅性。添加标签页切换时的平滑滚动效果，优化用户浏览体验。

- 新增学习详情页面，包括视频播放、评论功能
- 在课程列表中添加点击跳转至学习详情的功能
- 更新路由配置以支持学习详情页面
- 在VideoPlayer组件中暴露play方法以支持外部调用

将按钮的内边距和字体大小调整为更小的尺寸，以保持页面元素的视觉一致性

- 在StudyPage.vue中，将学习统计部分的布局从列表形式改为网格形式，使其更直观
- 在CourseList.vue中，重新设计课程列表的布局，增加缩略图样式和进度条显示，提升可读性

新增课程学习页面，包含用户信息展示、学习记录和学习统计功能。添加了CourseList组件用于展示课程列表，并在设置页面中添加了跳转至学习页面的入口。同时更新了组件类型声明文件以支持新组件。

将“立即观看”按钮的 margin-left 从 mx-auto 改为 ml-auto，使其靠右对齐

更新应用名称为“美乐爱觉教育”，统一替换所有相关页面中的名称。将本地图片路径替换为CDN链接，优化课程详情页的布局结构，提升用户体验。

将播放列表弹出层的样式和行为进行优化，包括调整高度、添加遮罩层以及在选择歌曲后自动关闭播放列表

调整音频播放器的布局结构，改进封面、进度条和按钮的样式，提升用户体验

- 在.env中启用VITE_CONSOLE调试模式
- 在tools.js中添加iOS设备和微信浏览器的检测逻辑
- 移除AudioPlayer.vue中的音量控制滑块
- 在test.vue中添加音量设置功能，支持微信环境下的音量控制

新增音频播放器组件，支持播放控制、进度条调节、音量控制、播放列表等功能。添加了FontAwesome图标库依赖，并更新了相关路由和页面配置。

通过增加动画时长、添加 will-change 属性和 transform 属性，以及调整 stroke-dashoffset 值，提升动画的流畅性和性能

为关键函数添加详细注释，解释其实现逻辑和用途，以便于其他开发者理解代码功能

将动画容器的高度从100vh更改为2000px，以确保内容在页面中完整显示，避免内容被截断。

调整了SVG容器的布局和样式，使其更适应不同屏幕尺寸。添加了窗口大小变化的监听功能，动态更新SVG的viewBox属性，确保内容始终居中且比例正确。同时优化了按钮的定位和样式，提升了用户体验。

在动画路径组件中新增了SVG图像显示功能，支持根据激活节点动态切换图像。引入了多个SVG资源文件，并更新了动画路径的逻辑以支持图像显示。

移除未使用的`.node`样式块，并调整代码格式以提高可读性

调整SVG视图框的高度以适配更多内容，并移除不再需要的节点点击事件处理函数，以简化代码逻辑。

将按钮位置固定在右上角，优化SVG容器尺寸以适应不同屏幕。调整节点大小和间距，提升用户体验。更新CSS单位以增强响应性。

新增了一个基于SVG的贝塞尔曲线动画路径组件，支持逐步展示连接点之间的路径，并带有动画效果和箭头指示方向。同时，更新了路由配置以支持新页面，并添加了less依赖以支持样式预处理。

在路由守卫中添加用户登录检查逻辑，并在auth.js中新增获取用户登录状态的API。同时关闭调试模式以优化生产环境。