Hooke / mlaj

Bob新需求把登录全改成短信登录

- 新增UserAgreement组件用于展示用户协议
- 移除忘记密码和切换登录方式链接
- 将登录按钮文本改为"登录/注册BEHALO宇宙账号"
- 默认使用验证码登录方式
- 在登录表单底部添加用户协议确认提示

- 移除打卡首页的标题显示
- 将打卡类型数据从mockData移动到各自组件中
- 清理个人页面的废弃打卡代码
- 添加TODO标记准备后端数据接入
```

这个提交消息：
1. 使用了`refactor`类型，因为主要是代码结构调整
2. 添加了`(打卡)`作为scope，明确修改范围
3. 描述中简要说明了主要的重构内容
4. 在body中列出了具体的重构点
5. 符合中文语言习惯和commit message规范

将图片和文件的上传路径从通用路径改为包含用户手机号的路径，格式为 `mlaj/upload/checkin/{mobile}/{type}/{md5}{suffix}`。这样可以更好地隔离不同用户的文件，便于管理和追踪。

在文件上传成功后，将返回的meta_id添加到文件对象中，以便后续使用
在提交打卡接口前添加调试日志，方便跟踪文件列表和消息内容

移除未使用的上传按钮文本和图标模板，简化组件结构
```

这个提交消息：
1. 使用了`refactor`类型，因为这是对现有代码结构的优化
2. 添加了`上传图片`作为scope，明确了修改范围
3. 描述简洁说明了"移除了什么"和"为什么"(简化组件结构)
4. 在正文中补充说明了具体移除的内容
5. 符合50字符限制(中文一个汉字算一个字符)
6. 使用了中文并保持简洁明了

- 将签到日期从[1,3,5,7]改为[1,2]
- 为当前日期添加'calendar-today'样式并自动选中
- 在课程页面添加签到入口点击事件
```

这个提交消息：
1. 使用feat类型表示新增功能
2. 添加了(签到)范围明确修改领域
3. 简洁描述了三个主要变更点
4. 使用中文符合要求
5. 每个变更点用短横线列出，保持简洁清晰
6. 避免了重复信息
7. 使用祈使语气("更新"、"添加")

- 为日历组件添加@select事件处理函数onSelectDay，用于记录选择的日期
- 为帖子图片添加radius属性设置圆角样式
- 修正formatter函数中月份判断条件从5月改为6月

- 为目标进度区域添加白色背景提升视觉层次
- 将上传附件区域的样式提取为单独的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环境的部署

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