Hooke / mlaj

- 在 `OrdersPage.vue` 中添加 `VanDialog` 组件以显示订单详情
- 更新订单状态映射，支持更多状态如“待支付”、“已支付”、“已取消”等
- 优化订单列表的加载逻辑，使用 API 获取订单数据
- 移除不必要的注释代码，简化页面结构

添加了订单相关的API接口，包括获取订单列表、订单详情、提交订单和取消订单。在购物车上下文中集成了提交订单的API调用，替换了原有的模拟逻辑。同时，更新了结算页面的表单字段，以匹配订单API的请求参数。

修复了购物车总价计算中可能存在的空值问题，确保当 `item.price` 或 `item.quantity` 为空时不会导致计算错误。同时，修复了价格格式化函数中对空值的处理，避免显示异常。

使用 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视图框的高度以适配更多内容，并移除不再需要的节点点击事件处理函数，以简化代码逻辑。