style(studentPage): 调整课程标签布局并隐藏滚动条

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2025-06-19 17:12:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-12-18 15:53:02
+ * @LastEditTime: 2025-12-18 16:31:03
  * @FilePath: /mlaj/src/views/teacher/studentPage.vue
  * @Description: 学生详情页面
 -->
@@ -44,12 +44,13 @@
           <van-icon name="bookmark-o" size="16" color="#10b981" class="mr-2" />
           <span class="text-sm font-medium text-gray-700">所学课程</span>
         </div>
-        <div class="flex flex-wrap gap-2">
+        <div class="flex overflow-x-auto gap-2 pb-2 no-scrollbar">
           <van-tag v-for="course in studentInfo.lesson_list" :key="course.id"
             :type="selectedCourses.includes(course) ? 'primary' : 'default'"
             :color="selectedCourses.includes(course) ? '#10b981' : '#f0f0f0'"
             :text-color="selectedCourses.includes(course) ? '#ffffff' : '#666666'" size="large"
-            @click="toggleCourseSelection(course)" class="cursor-pointer transition-all duration-200 hover:opacity-80">
+            @click="toggleCourseSelection(course)" class="cursor-pointer transition-all duration-200 hover:opacity-80 flex-shrink-0"
+            style="margin: 0">
             {{ course.title }}
           </van-tag>
         </div>
@@ -993,4 +994,13 @@ const getStatList = async () => {
     border-radius: 8px;
   }
 }
+
+/* 隐藏滚动条 */
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+.no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
 </style>