fix: 移除未使用的FloatingBubble组件并更新课程列表标题逻辑
更新课程列表页面以动态显示组合标题 移除components.d.ts中未使用的VanFloatingBubble类型声明
Showing
2 changed files
with
5 additions
and
3 deletions
| ... | @@ -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); | ... | ... |
-
Please register or login to post a comment