修正多处问题，添加骨架屏

gym-manage-uniapp/components/index/BannerSwiper.vue

@@ -134,7 +134,7 @@ const onImageLoad = (index) => {
 }
 
 const onImageError = (index) => {
-  console.error(`图片 ${index} 加载失败`)
+  console.error(`图片 ${index} 加载失败, URL:`, banners.value[index]?.image?.substring(0, 120))
 }
 </script>
 

gym-manage-uniapp/components/index/CourseCard.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <!-- 课程卡片 -->
   <view class="course-card" :style="cardStyle">
     <!-- 课程图片区域 -->

gym-manage-uniapp/components/index/PageHeader.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <!-- 状态栏占位区（仅 App 端生效，H5/小程序无状态栏概念） -->
   <view class="tab-page__status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
   <!-- 导航栏主体 -->

gym-manage-uniapp/components/index/RecommendCourses.vue

@@ -75,6 +75,8 @@ import { ref, onMounted } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { getActiveRecommendCourses } from '@/api/groupCourse.js'
 
+import { getCourseCoverUrl } from '@/utils/request.js'
+
 console.log('[RecommendCourses] 组件脚本已加载')
 
 // 推荐课程数据列表
@@ -99,12 +101,8 @@ const getCourseLevel = (course) => {
   return '初级'
 }
 
-// 处理图片URL
-const getImageUrl = (coverImage) => {
-  if (!coverImage) return 'https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=400&q=80'
-  if (coverImage.startsWith('http')) return coverImage
-  return `https://your-domain.com${coverImage}`
-}
+// 处理图片URL - 已由 getOssUrl 工具函数处理
+// 使用 @/utils/request.js 中的 getOssUrl 替代
 
 // 获取推荐课程
 const fetchRecommendCourses = async () => {
@@ -112,6 +110,10 @@ const fetchRecommendCourses = async () => {
   try {
     const res = await getActiveRecommendCourses()
     console.log('[RecommendCourses] API 返回:', JSON.stringify(res).substring(0, 200))
+    if (res && Array.isArray(res) && res.length > 0) {
+      console.log('[RecommendCourses] 第一项 groupCourse.coverImage:', JSON.stringify(res[0]?.groupCourse?.coverImage))
+      console.log('[RecommendCourses] 第一项完整 groupCourse:', JSON.stringify(res[0]?.groupCourse))
+    }
     if (res && Array.isArray(res)) {
       // 提取推荐中的 groupCourse，只排除已满员的课程（已结束的仍展示，点击时拦截）
       const filteredCourses = res.filter(recommend => {
@@ -125,9 +127,17 @@ const fetchRecommendCourses = async () => {
       // 只取前3个符合条件的推荐课程
       courses.value = filteredCourses.slice(0, 3).map(recommend => {
         const course = recommend.groupCourse
+        const rawCover = course.coverImage
+        const finalImage = getCourseCoverUrl(rawCover) || 'https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=400&q=80'
+        console.log('[RecommendCourses] 封面URL映射:', {
+          'courseName': course.courseName,
+          '原始coverImage': rawCover,
+          '转换后URL': finalImage,
+          '是否为完整URL': finalImage.startsWith('http')
+        })
         return {
           id: course.id,
-          image: getImageUrl(course.coverImage),
+          image: finalImage,
           name: course.courseName || '未知课程',
           duration: calculateDuration(course.startTime, course.endTime),
           level: getCourseLevel(course),

gym-manage-uniapp/components/index/TodayRecommend.vue

@@ -48,6 +48,8 @@ import { ref, onMounted } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { getActiveRecommendCourses } from '@/api/groupCourse.js'
 
+import { getCourseCoverUrl } from '@/utils/request.js'
+
 console.log('[TodayRecommend] 组件脚本已加载')
 
 // 今日推荐数据列表
@@ -72,12 +74,7 @@ const getCourseLevel = (course) => {
   return '初级'
 }
 
-// 处理图片URL
-const getImageUrl = (coverImage) => {
-  if (!coverImage) return 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=300&q=80'
-  if (coverImage.startsWith('http')) return coverImage
-  return `https://your-domain.com${coverImage}`
-}
+// 处理图片URL - 已由 getOssUrl 工具函数处理
 
 // 获取今日推荐
 const fetchTodayRecommend = async () => {
@@ -85,6 +82,10 @@ const fetchTodayRecommend = async () => {
   try {
     const res = await getActiveRecommendCourses()
     console.log('[TodayRecommend] API 返回:', JSON.stringify(res).substring(0, 200))
+    if (res && Array.isArray(res) && res.length > 0) {
+      console.log('[TodayRecommend] 第一项 groupCourse.coverImage:', JSON.stringify(res[0]?.groupCourse?.coverImage))
+      console.log('[TodayRecommend] 第一项完整 groupCourse:', JSON.stringify(res[0]?.groupCourse))
+    }
     if (res && Array.isArray(res)) {
       // 提取推荐中的 groupCourse，只排除已满员的课程
       const filteredCourses = res.filter(recommend => {
@@ -97,9 +98,17 @@ const fetchTodayRecommend = async () => {
       
       recommends.value = filteredCourses.slice(0, 3).map(recommend => {
         const course = recommend.groupCourse
+        const rawCover = course.coverImage
+        const finalImage = getCourseCoverUrl(rawCover) || 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=300&q=80'
+        console.log('[TodayRecommend] 封面URL映射:', {
+          'courseName': course.courseName,
+          '原始coverImage': rawCover,
+          '转换后URL': finalImage,
+          '是否为完整URL': finalImage.startsWith('http')
+        })
         return {
           id: course.id,
-          image: getImageUrl(course.coverImage),
+          image: finalImage,
           title: course.courseName || '未知课程',
           tags: [calculateDuration(course.startTime, course.endTime), getCourseLevel(course)],
           desc: course.description || '精彩课程，不容错过',