refactor(布局): 移除StudyCoursePage的active-tab属性并统一添加AppLayout到LearningRecordsPage

统一页面布局结构，移除StudyCoursePage中多余的active-tab属性
为LearningRecordsPage添加缺失的AppLayout组件以保持一致性

 <template>
 <template>
+<AppLayout :has-title="false">
   <div class="bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen pb-20">
   <div class="bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen pb-20">
     <!-- Course List -->
     <!-- Course List -->
     <van-list
     <van-list
@@ -103,6 +104,7 @@
       <p class="mt-4 text-gray-500">暂无学习记录</p>
       <p class="mt-4 text-gray-500">暂无学习记录</p>
     </div>
     </div>
   </div>
   </div>
+</AppLayout>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
@@ -110,6 +112,7 @@ import { ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useRoute, useRouter } from 'vue-router';
 import { useTitle } from '@vueuse/core';
 import { useTitle } from '@vueuse/core';
 import FrostedGlass from '@/components/ui/FrostedGlass.vue';
 import FrostedGlass from '@/components/ui/FrostedGlass.vue';
+import AppLayout from '@/components/layout/AppLayout.vue';
 import { formatDate } from '@/utils/tools';
 import { formatDate } from '@/utils/tools';
 
 
 // 导入接口
 // 导入接口

@@ -3,7 +3,7 @@
  * @Description: 课程详情页面
  * @Description: 课程详情页面
 -->
 -->
 <template>
 <template>
-<AppLayout :has-title="false" active-tab="profile">
+<AppLayout :has-title="false">
     <div class="study-course-page bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen">
     <div class="study-course-page bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen">
         <div v-if="course" class="flex flex-col h-screen">
         <div v-if="course" class="flex flex-col h-screen">
             <!-- 固定区域：课程封面和标签页 -->
             <!-- 固定区域：课程封面和标签页 -->
@@ -181,7 +181,7 @@
             </div>
             </div>
         </van-popup>
         </van-popup>
     </div>
     </div>
-  </AppLayout>
+</AppLayout>
 </template>
 </template>
 
 
 <script setup>
 <script setup>