Hooke / mlaj

在首页的推荐内容部分，增加随机显示功能，用户点击“换一批”按钮时，会随机显示不同的推荐内容，提升用户体验

启用测试环境的VITE_OPENID配置，以便在开发过程中使用测试open-id

新增微信授权模块，包括授权页面、授权信息获取API及微信配置初始化逻辑。修改路由守卫以检查微信授权状态，未授权时跳转至授权页面。优化axios配置及Vant Toast样式导入路径。

将上传视频弹出框的高度从100%调整为50%，以改善用户体验并避免遮挡过多屏幕内容。

更新进度条的颜色和渐变样式以提升视觉效果。在上传新文件前清除之前的上传结果，确保用户界面的一致性。

在VideoPlayer组件中，将暂停逻辑从`videoRef.value?.$player`改为直接使用`player.value`，以提高代码可读性和维护性。在UploadVideoPopup组件中，添加`videoPlayerRef`引用，确保在提交和取消时暂停视频播放

在视频上传页面添加了提交按钮，用于提交上传的视频信息。同时调整了按钮容器的布局，使其更加美观和实用。此外，优化了视频预览区域的样式，提升了用户体验。

移除多个组件中重复导入的vant toast样式，统一在App.vue中导入，提高代码整洁度。同时更新UploadVideoPopup.vue中的按钮文案，使其更符合用户操作习惯。

新增视频上传页面、弹窗组件及视频播放器自动播放配置。添加相关依赖以支持视频上传功能。

在移动端设备上，添加了@vant/touch-emulator依赖并引入触摸模拟器，以优化视频播放器的交互体验。具体修改包括在VideoPlayer.vue中添加touchstart事件监听，实现点击播放/暂停功能，并确保点击控制栏区域时不触发自定义行为。

为了在开发阶段方便测试，暂时将登录逻辑修改为支持任意输入并模拟用户数据。此更改不影响生产环境，仅为临时解决方案。

移除多个页面中AppLayout组件的title属性，简化代码结构。同时优化HomePage.vue中的用户信息显示，增加默认头像和用户名处理，提升用户体验

移除`HomePage.vue`中重复的视频播放控制逻辑，简化代码结构。同时隐藏`VideoPlayer.vue`中的大播放按钮，提升用户体验。

重构首页组件代码，添加详细的注释说明，提升代码可读性和可维护性。主要修改包括：
- 添加组件功能模块和状态管理的详细描述
- 为视频播放、轮播图、打卡等功能添加注释
- 优化代码结构，使其更清晰易读

修复了视频播放器的自动播放功能，确保视频在加载后自动播放。移除了不必要的日志输出，并添加了播放器实例的检查以确保播放器存在后再执行播放操作。

在底部导航栏中，当用户点击社区链接时，将新标签页打开社区页面。此功能旨在提升用户体验，避免在当前页面跳转导致用户离开当前应用。

在课程详情页中新增评论功能，用户可以对已购买的课程进行评分和评论。新增了ReviewPopup组件用于显示评论弹窗，并在mockData中添加了isPurchased和isReviewed字段以模拟用户购买和评论状态。

为收藏按钮添加了动画效果和过渡样式，提升用户体验。动画在用户点击收藏时触发，按钮会有一个缩放效果，同时添加了过渡样式使变化更加平滑。

在课程详情页中添加收藏按钮，点击按钮可以切换收藏状态。按钮的图标颜色会根据收藏状态动态变化

为了提高代码可读性并减少冗余，注释掉CheckoutPage.vue中未使用的支付选项标签

调整视频播放器的配置项，优化代码格式，并更新视频链接以使用新的资源地址

重构视频播放器组件，使用 ref 替代 let 定义 player 和 state，增加 handleMounted 方法处理挂载逻辑，并调整视频播放器配置以支持更多用户操作和控件优化

重构VideoPlayer组件，使用@videojs-player/vue库中的VideoPlayer组件替换原生video标签，以提高代码的可维护性和扩展性。同时，将播放器配置集中到videoOptions计算属性中，支持通过props传递自定义配置。

新增VideoPlayer组件以支持视频播放功能，并在HomePage中集成。同时添加了相关依赖video.js和@videojs-player/vue，确保视频播放功能的实现和兼容性。

将HomePage.vue和ActivityCard.vue中的`<router-link>`替换为`<a>`标签和`window.open`方法，以便点击后在新标签页打开外部链接

新增学习记录页面，展示用户的学习进度和时长。同时添加了格式化时长功能，将秒数转换为可读格式，便于用户理解

社区菜单项点击时，使用 `window.location.href` 直接跳转到外部链接，避免路由错误

移除AppLayout组件中title属性的必填限制，并根据是否传入title动态调整页面布局样式。同时，在多个页面中移除了不再需要的title属性，以简化代码并提高组件灵活性。

移除ProfilePage.vue中的设置菜单项，删除UsernameSettingPage.vue中冗余的按钮样式类，并添加vant.config.js文件以集中管理Vant组件主题配置。同时，更新App.vue以应用新的主题配置。

新增了用户设置页面及其子页面，支持用户修改头像、用户名和密码。添加了相关API接口，并在路由中配置了对应的路径。同时引入了@heroicons/vue库以支持页面中的图标使用。

新增帮助中心页面和帮助详情页面的路由配置，并在相关页面中集成动态标题功能

新增消息中心和消息详情页面的路由配置，并创建相应的Vue组件文件。消息中心页面展示用户消息列表，消息详情页面展示具体消息内容，支持消息已读状态的更新。

移除不再使用的打卡项目部分和钱包菜单项，以简化代码并提高可维护性

在购物车功能中引入单一商品模式，允许用户在不同场景下选择单一商品或多商品模式。修改了购物车上下文逻辑，确保在单一商品模式下，购物车仅能包含一件商品。同时更新了相关页面逻辑，以适配新模式。

更新App.vue文件中的注释，使其更清晰易懂。删除不再使用的src/api/data.js文件，以减少代码冗余。

添加详细的代码注释，解释认证上下文模块的功能和实现细节，包括用户状态管理、登录登出功能以及token过期检查等。同时更新文件描述，使其更清晰易懂。

- 在axios.js中设置默认的baseURL为本地API地址
- 在auth.js中添加对localStorage操作的异常处理
- 新增users.js文件，定义用户相关API接口
- 在LoginPage.vue中集成登录API并优化登录流程

更新 package.json 中的 dev 和 build 脚本，确保使用指定的 Node 版本 18.19.1。此外，注释掉 CourseDetailPage.vue 中的分享按钮代码，以简化界面。

在auth.js中添加了token过期检查功能，确保用户信息在token过期时不会被恢复。同时，在fn.js中修复了toast样式未导入的问题，确保toast显示正常。