完善团课相关页面交互，完成团课列表页基础后端交互。（后端连接至服务器，版本为DEV分支版本）

gym-manage-uniapp/pages/course/index.vue

@@ -3,10 +3,7 @@
   <!-- 滚动内容区域 -->
   <scroll-view scroll-y="false" class="scroll-container">
     <view class="tab-page">
-      <view class="tab-page__header">
-        <text class="tab-page__title">课程</text>
-        <text class="tab-page__subtitle">精品团课 · 私教 · 线上课</text>
-      </view>
+      <PageHeader title="课程" subtitle="精品团课 · 私教 · 线上课" />
 
       <!-- 骨架屏 -->
       <view v-if="loading" class="skeleton-container">
@@ -44,6 +41,7 @@
 	import { ref } from 'vue'
 import { onLoad, onShow } from '@dcloudio/uni-app'
 import RecommendCourses from '@/components/index/RecommendCourses.vue'
+import PageHeader from '@/components/index/PageHeader.vue'
 import TabBar from '@/components/TabBar.vue'
 import { PAGE, navigateToPage } from '@/common/constants/routes.js'
 
@@ -136,25 +134,10 @@ function goMyCourses() {
   padding-bottom: 160rpx;
   position: relative;
   z-index: 2;
+  background: #F5F7FA;
 }
 
-.tab-page__header {
-  padding: 48rpx 32rpx 16rpx;
-}
 
-.tab-page__title {
-  display: block;
-  font-size: 40rpx;
-  font-weight: $font-weight-bold;
-  color: $text-dark;
-}
-
-.tab-page__subtitle {
-  display: block;
-  margin-top: 8rpx;
-  font-size: 24rpx;
-  color: $text-muted;
-}
 
 .tab-page__actions {
   display: flex;