Hooke / mlaj

- 修改音频加载逻辑，等待canplaythrough事件确保流畅播放
- 为AudioPlayer组件添加id prop用于唯一标识
- 重构音频控制方法，简化暂停逻辑
- 清理mock数据，保留一个带音频的测试用例

- 在loadAudio方法中添加对歌曲URL的检查，避免无效URL导致的错误
- 为所有播放控制方法添加try-catch块和状态检查
- 改进prevSong/nextSong/selectSong的流程，确保音频实例正确加载后再播放
- 添加更多错误日志帮助调试问题
- 完善播放状态管理，避免状态不一致

在VideoPlayer和AudioPlayer组件中添加互斥播放逻辑，当播放视频时自动暂停音频，反之亦然
为音频播放器添加默认封面图片
更新所有测试图片和音频资源URL为正式CDN地址
添加组件卸载时的清理逻辑

- 统一代码缩进和换行格式
- 调整样式部分的代码结构
- 保持功能不变的情况下优化代码可读性

- 添加打卡首页路由和页面组件
- 实现日历打卡展示、目标进度和团队动态功能
- 扩展AppLayout组件支持无标题模式
- 新增Vant组件类型声明
```

这个提交消息遵循了以下原则：
1. 使用`feat`类型表示新增功能
2. 添加了`(打卡)`范围明确修改领域
3. 简要描述主要变更内容
4. 在消息体中列出关键修改点，保持简洁
5. 使用中文简体符合要求
6. 每个条目使用动词开头保持一致性

- 从设置页面移除不再需要的课程集合入口
- 将微信支付的自定义SVG图标替换为van-icon组件
- 在结账页面添加用户信息自动填充功能
```

这个提交消息遵循了以下原则：
1. 使用中文简洁描述了主要变更
2. 类型为refactor，因为这些修改主要是界面重构和优化
3. 添加了scope(用户界面)以提供更多上下文
4. 在body中列出了三个主要变更点，没有重复描述
5. 使用了命令式语气且没有结尾标点
6. 保持了简洁性，同时涵盖了diff中最重要的功能修改

将支付弹窗的高度调整为100%，移除不必要的圆角样式。修改支付成功后的返回按钮逻辑，从返回首页改为返回上一页，并更新按钮文本为“完成”。简化代码，移除冗余的导航逻辑。

在支付成功后，除了清空购物车，还增加了返回上一页的逻辑，以提升用户体验。同时更新了路由守卫文件中的注释标签。

移除登录时间戳的本地存储，以减少不必要的存储操作。同时将错误信息从英文更新为中文，以提高代码的可读性和本地化支持。

将支付弹窗的高度从90%调整为50%，并移除不必要的关闭图标。在支付失败时，直接关闭弹窗而不是显示错误提示，以提升用户体验。

将微信支付组件从页面主体移至弹窗中，提升用户体验。调整支付失败处理逻辑，不再自动关闭支付弹窗，以便用户重新尝试支付。

将 `h-screen` 替换为 `h-full`，并在 `OrdersPage.vue` 中添加渐变背景，以提升支付页面的视觉一致性和美观度。

在订单页面中引入微信支付弹窗组件，并实现支付成功、支付失败及支付处理中的回调处理逻辑。支付成功后刷新订单列表，确保用户看到最新的订单状态。

将支付逻辑从CheckoutPage.vue中提取到独立的WechatPayment.vue组件中，以提高代码的可维护性和复用性。同时，更新了CheckoutPage.vue以使用新的支付组件，并简化了支付状态管理。

- 在 AppLayout.vue 中，将 `pb-16` 类动态绑定到 `title` 存在时，避免不必要的底部间距
- 在 CheckoutPage.vue 中，移除支付失败提示中多余的 `mb-2` 和 `mb-4` 类，简化样式

调整了支付失败页面的样式，使其在不同屏幕尺寸下显示更加一致。增加了断点处理，优化了按钮和文本的间距、大小以及悬停效果，提升用户体验。

在订单提交成功后清空购物车可能导致用户在支付失败后购物车被清空，因此将清空购物车的逻辑移至支付成功后执行，确保只有在支付成功时才清空购物车

在CheckoutPage.vue中添加了微信支付的完整流程，包括支付初始化、支付状态检查、支付结果处理等功能。同时引入了支付状态管理，支持处理中、成功、失败等状态的展示和交互。优化了表单提交逻辑，确保支付流程的完整性和用户体验。

更新微信支付接口的URL，并将请求方法从GET改为POST。新增微信支付查询接口，以便支持支付状态查询功能。

移除CoursesPage.vue中未使用的handleSearch和handleBlur函数，简化代码结构。在CourseListPage.vue中引入防抖函数优化搜索性能，并统一处理搜索操作，提升代码可维护性。

将活动卡片和首页中的活动链接更新为使用模拟链接，以确保在开发和测试环境中能够正确跳转。同时，更新了模拟数据中的活动链接字段。

更新.env.development中的反向代理服务器地址为behalo.onwall.cn，并添加新的部署脚本以支持behalo环境的部署

更新了所有相关页面和组件中的项目名称，确保一致性

修复了当音频列表为空时，AudioPlayer组件渲染出错的问题。通过在StudyDetailPage.vue中添加条件渲染，确保只有在音频列表不为空时才渲染AudioPlayer组件。同时，在AudioPlayer.vue中增加了对currentSong和song属性的可选链操作，防止未定义时的错误。

在StudyCoursePage.vue中添加了goToStudyDetail方法，用于处理课程详情页面的跳转逻辑，并移除了无用的注释代码。同时，在main.js中添加了Array.prototype.at的polyfill，以支持旧版浏览器。

引入防抖函数减少滚动事件触发频率，优化handleScroll函数的逻辑，增加缓冲区域判断。同时，移除handleTabChange函数中的setTimeout，立即更新activeTab的值，提升用户体验。

为了解决页面滚动和高度计算时可能出现的布局未完全渲染的问题，增加了 setTimeout 延迟逻辑，并调整了滚动偏移量，确保滚动定位准确

为了提高代码的可维护性和一致性，将MyCoursesPage和MyFavoritesPage的页面内容封装到AppLayout组件中。这样可以统一页面的布局结构，减少重复代码。

在axios拦截器中添加对401响应的处理，清除用户登录信息并跳转到登录页，同时携带当前路由信息以便登录后重定向

将评论区域的滚动偏移量从30调整为20，以提高用户体验。同时，在点击课程时重新计算顶部和底部容器的高度，确保布局正确

在`StudyDetailPage.vue`中，`topWrapper`的高度计算中包含了不必要的30px偏移量，导致布局不准确。移除该偏移量以修复布局问题。

在PdfPreview组件中添加了customPdfOption配置，包括cMapPacked和cMapUrl，以解决PDF字体加载错误的问题。具体配置参考了pdfjs的官方文档。

refactor(StudyDetailPage): 调整条件渲染和高度计算逻辑

将v-else改为v-if以更清晰地控制渲染逻辑，并调整了topWrapper的高度计算，增加了30px的额外空间。

修复PDF预览组件中pdfImageView选项被错误禁用的问题，确保PDF图像能够正确显示。

在StudyDetailPage.vue中添加默认展示区，用于显示课程标题，并更新components.d.ts以引入VanDivider组件

为StudyDetailPage页面添加文件下载功能，用户点击非PDF文件时触发下载操作。通过axios获取文件数据，并使用Blob对象处理下载流程，提升用户体验。

更新 `@sunsetglow/vue-pdf-viewer` 到 0.3.1 版本，并移除 `vue-pdf-embed` 及其相关依赖 `pdfjs-dist` 和 `@napi-rs/canvas`，以简化项目依赖结构。

在滚动逻辑中增加30像素的偏移量，以确保标签切换更加准确

- 调整模板中的 `van-popup` 属性换行，提高代码可读性
- 添加 `loading` 状态变量，用于管理 PDF 加载状态
- 统一 CSS 样式缩进，保持代码风格一致