feat: finalize comprehensive frontend integration

miniprogram/src/pages/comprehensive/home/index.vue

@@ -25,29 +25,6 @@
       </swiper>
     </view>
 
-    <view class="section-container">
-      <view class="section-header">
-        <text class="section-title">近期课程</text>
-      </view>
-
-      <view v-if="upcomingCourses.length" class="course-list">
-        <view v-for="course in upcomingCourses" :key="course.id" class="course-item" @tap="go(`/pages/comprehensive/courses/detail?id=${course.id}`)">
-          <image :src="course.cover_image" mode="aspectFill" class="course-cover" />
-          <view class="course-info-wrap">
-            <view class="course-title-row">
-              <text class="course-name">{{ course.title }}</text>
-            </view>
-            <text class="course-time highlight-blue">时间：{{ formatTimeRange(course.start_at, course.end_at) }}</text>
-            <view class="course-bottom-meta">
-              <text class="course-meta-text">• 教练：{{ course.coach_name }}</text>
-              <text class="course-meta-text">• 人数：已约 {{ course.booked_count }}/{{ course.capacity }}人</text>
-            </view>
-          </view>
-        </view>
-      </view>
-      <view v-else class="empty-placeholder">今日暂无课程排期</view>
-    </view>
-
     <view class="section-container last-section">
       <view class="section-header">
         <text class="section-title">公告活动</text>
@@ -72,12 +49,11 @@
 import { ref, onMounted } from 'vue'
 import { onPullDownRefresh } from '@dcloudio/uni-app'
 import { contentApi } from '@/modules/comprehensive/api/content'
-import { formatDate, formatTimeRange } from '@/modules/comprehensive/utils/date'
+import { formatDate } from '@/modules/comprehensive/utils/date'
 import VenueTabBar from '@/components/VenueTabBar.vue'
 import VenueSwitchHeader from '@/components/VenueSwitchHeader.vue'
 
 const banners = ref([])
-const upcomingCourses = ref([])
 const articles = ref([])
 
 onMounted(() => {
@@ -91,7 +67,6 @@ onPullDownRefresh(() => {
 const loadPage = async () => {
   const home = await contentApi.getHomeContent({ banner_limit: 5, article_limit: 3 })
   banners.value = home.banners || []
-  upcomingCourses.value = (home.upcoming_courses || []).slice(0, 2)
   articles.value = home.articles || []
 }
 
@@ -182,14 +157,12 @@ const go = (url) => {
   background-color: $text-color-main;
 }
 
-.course-list,
 .activity-grid {
   display: flex;
   flex-direction: column;
   gap: $spacing-sm;
 }
 
-.course-item,
 .activity-card {
   display: flex;
   overflow: hidden;
@@ -199,67 +172,10 @@ const go = (url) => {
   transition: all 0.2s ease;
 }
 
-.course-item:active,
 .activity-card:active {
   background-color: $bg-color-hover;
 }
 
-.course-cover {
-  width: 180rpx;
-  height: 130rpx;
-  flex-shrink: 0;
-  background-color: $bg-color-hover;
-}
-
-.course-info-wrap {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: $spacing-sm $spacing-md;
-}
-
-.course-title-row {
-  display: flex;
-  justify-content: space-between;
-  gap: $spacing-sm;
-}
-
-.course-name {
-  flex: 1;
-  color: $text-color-main;
-  font-size: 26rpx;
-  font-weight: 600;
-  line-height: 1.3;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-
-.course-time {
-  color: $text-color-muted;
-  font-size: 22rpx;
-  font-weight: 500;
-}
-
-.course-time.highlight-blue {
-  color: $color-primary;
-  font-weight: 600;
-}
-
-.course-bottom-meta {
-  display: flex;
-  align-items: center;
-  gap: $spacing-xl;
-}
-
-.course-meta-text {
-  color: $text-color-muted;
-  font-size: 22rpx;
-}
-
 .activity-cover {
   width: 180rpx;
   height: 130rpx;