hookehuyr

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

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