Hooke / mlaj

移除 `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。同时关闭调试模式以优化生产环境。

删除 `src/assets/images` 目录下未使用的图片文件，简化代码库。
调整 `src/views/test.vue` 文件中的测试代码，并启用调试模式。

为提升用户体验，在手机号和密码输入框前添加红色星号标记表示必填项，并添加占位符提示用户输入格式

该配置文件为项目添加了路径别名（如@/*、@components/*等），并配置了TypeScript/JavaScript编译选项，以支持ES2020目标、严格模式、模块解析等功能。这将提高代码的可维护性和开发体验。

添加 `browser-md5-file` 依赖，实现视频文件上传功能，包括文件校验、上传进度跟踪及七牛云上传逻辑。移除不再使用的 `@uppy` 相关依赖。

移除冗余的路径拼接，直接使用location.href生成未授权地址，使代码更简洁易读

修改登出功能，使用 `window.location.href` 跳转至环境变量 `VITE_BASE` 指定的路径，确保登出后正确重定向。同时，移除清理 `loginTimestamp` 的逻辑，避免不必要的操作。

移除本地的token过期检查逻辑，改为在组件挂载时从服务器获取用户信息并更新本地存储。这提高了用户状态的准确性和安全性，避免了本地存储可能带来的不一致问题。

在用户接口中添加登出API，并在认证上下文中实现异步登出逻辑，确保用户登出时清理状态和本地存储信息