Hooke / mlaj

将支付逻辑从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 样式缩进，保持代码风格一致

当文件为PDF时，保持原有点击事件；其他文件类型则直接在新标签页打开链接，以提升用户体验

在.eslintrc-auto-import.json中添加Slot和Slots类型支持，优化PdfPreview.vue组件，使其支持动态文件名，并在StudyDetailPage.vue中调整PDF预览逻辑以显示文件标题

禁用PDF打印功能以防止用户误操作，并注释掉搜索回调以避免不必要的调用

将PDF预览功能从StudyDetailPage中抽离到独立的PdfPreview组件，提高代码复用性和可维护性

引入@sunsetglow/vue-pdf-viewer库，实现在学习详情页面中直接预览PDF文件的功能，提升用户体验。移除原有的PDF文件下载链接，改为点击“查看文件”按钮即可在页面内直接预览PDF内容。

移除不再使用的PDF预览页面及其路由配置，优化课程详情页文件列表的布局和交互

引入vue-pdf-embed库，新增PDF预览页面，支持在课程详情页中直接预览PDF文件。添加了新的路由和组件，并更新了相关依赖。

在StudyDetailPage.vue中，为课程类型为'file'的课程添加了文件列表展示区域，包括文件图标、标题和打开文件的链接。同时，在main.js中添加了faFileAlt图标以支持文件列表的展示

在StudyDetailPage页面中，新增了图片轮播组件`van-swipe`和图片预览组件`van-image-preview`，以支持课程图片的展示和预览功能。用户现在可以点击图片进行全屏预览。

移除不再使用的测试音频数据，优化音频列表处理逻辑，确保音频封面统一

为ol元素添加了list-style-type和padding样式，以改善列表的可读性和布局

在StudyDetailPage页面中新增课程目录弹出层，支持用户查看课程目录并切换课程。点击目录项时，更新URL并重新获取课程数据，确保页面内容与所选课程一致。同时优化了课程数据的加载逻辑，提升用户体验。