Hooke / mlaj

- 为目标进度区域添加白色背景提升视觉层次
- 将上传附件区域的样式提取为单独的CSS类
- 使用VueUse的useTitle设置页面标题
- 保持原有功能不变的情况下改进代码可维护性

- 在mockData中添加mix打卡类型
- 替换自定义SVG图标为vant组件图标
- 为文字留言区域添加边框和自动调整高度
- 当选择图文打卡时跳转到对应页面
- 更新文件上传组件的上传图标

- 在帖子底部添加点击事件处理函数 handLike
- 为点赞图标添加颜色状态显示（红色表示已点赞）
- 为 mock 数据添加 is_liked 字段记录点赞状态
- 使用可选链操作符优化视频暂停逻辑

- 在打卡路由中添加音视频文件上传页面
- 在打卡首页添加音视频上传入口
- 实现音视频文件上传组件，支持多文件上传和校验
- 优化图片上传组件，使用max_count替代multiple属性

- 新增图片上传打卡页面及路由配置
- 在打卡首页添加图片上传入口
- 引入lodash库用于文件类型校验
- 添加Vant的Loading和Overlay组件声明
- 实现图片上传功能，包括文件校验、七牛云上传和表单提交

清理了已注释掉的视频播放器相关代码，并移除了未使用的视频暂停逻辑，以简化代码并提高可读性

- 将"团队动态"标题改为"打卡动态"以更符合场景
- 重构视频播放逻辑，支持每个帖子包含多个视频
- 优化图片显示宽度为30%并保持比例
- 完善视频播放控制，确保同时只播放一个视频
- 更新mock数据以支持多视频测试

- 取消注释并启用两个模拟帖子数据
- 移除音频条目中的艺术家和封面信息
- 保持数据结构一致性，简化测试数据

- 将视频播放器的play/pause事件处理从options移到模板事件监听器
- 修复播放器暴露方法中的事件触发，确保一致触发onPlay/onPause
- 优化音频停止逻辑，仅处理包含音频的帖子
- 移除调试用的console.warn语句

- 修改音频加载逻辑，等待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响应的处理，清除用户登录信息并跳转到登录页，同时携带当前路由信息以便登录后重定向