hookehuyr

fix: 移除未使用的FloatingBubble组件并更新课程列表标题逻辑

更新课程列表页面以动态显示组合标题
移除components.d.ts中未使用的VanFloatingBubble类型声明
......@@ -52,7 +52,6 @@ declare module 'vue' {
VanDropdownMenu: typeof import('vant/es')['DropdownMenu']
VanEmpty: typeof import('vant/es')['Empty']
VanField: typeof import('vant/es')['Field']
VanFloatingBubble: typeof import('vant/es')['FloatingBubble']
VanForm: typeof import('vant/es')['Form']
VanIcon: typeof import('vant/es')['Icon']
VanImage: typeof import('vant/es')['Image']
......
<!--
* @Date: 2025-03-21 14:31:21
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-10-21 17:12:13
* @LastEditTime: 2025-10-22 16:33:19
* @FilePath: /mlaj/src/views/courses/CourseListQRPage.vue
* @Description: 课程列表页面 - 支持列表和卡片两种显示模式
-->
<template>
<AppLayout title="课程列表">
<AppLayout :title="combinationTitle">
<div class="pb-16">
<!-- Course List -->
<div class="px-4">
......@@ -42,6 +42,8 @@ const loading = ref(false);
// 显示类型,默认列表模式
const displayType = ref('list');
// 组合课程标题
const combinationTitle = ref('');
// 获取URL参数中的ID
const courseId = computed(() => {
......@@ -63,6 +65,7 @@ const loadCourses = async () => {
if (res.code) {
courses.value = res.data.group_list;
displayType.value = res.data.display_mode;
combinationTitle.value = res.data.title || '课程列表';
}
} catch (error) {
console.error('加载课程失败:', error);
......