Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
d33db5dc 1 parent 14fe6e0c

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

Inline Side-by-side
Showing 1 changed file with 13 additions and 3 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2025-06-19 17:12:19 3 * @Date: 2025-06-19 17:12:19
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2025-12-18 15:53:02 5 + * @LastEditTime: 2025-12-18 16:31:03
6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue 6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue
7 * @Description: 学生详情页面 7 * @Description: 学生详情页面
8 --> 8 -->
...@@ -44,12 +44,13 @@ ...@@ -44,12 +44,13 @@
44 <van-icon name="bookmark-o" size="16" color="#10b981" class="mr-2" /> 44 <van-icon name="bookmark-o" size="16" color="#10b981" class="mr-2" />
45 <span class="text-sm font-medium text-gray-700">所学课程</span> 45 <span class="text-sm font-medium text-gray-700">所学课程</span>
46 </div> 46 </div>
47 - <div class="flex flex-wrap gap-2"> 47 + <div class="flex overflow-x-auto gap-2 pb-2 no-scrollbar">
48 <van-tag v-for="course in studentInfo.lesson_list" :key="course.id" 48 <van-tag v-for="course in studentInfo.lesson_list" :key="course.id"
49 :type="selectedCourses.includes(course) ? 'primary' : 'default'" 49 :type="selectedCourses.includes(course) ? 'primary' : 'default'"
50 :color="selectedCourses.includes(course) ? '#10b981' : '#f0f0f0'" 50 :color="selectedCourses.includes(course) ? '#10b981' : '#f0f0f0'"
51 :text-color="selectedCourses.includes(course) ? '#ffffff' : '#666666'" size="large" 51 :text-color="selectedCourses.includes(course) ? '#ffffff' : '#666666'" size="large"
52 - @click="toggleCourseSelection(course)" class="cursor-pointer transition-all duration-200 hover:opacity-80"> 52 + @click="toggleCourseSelection(course)" class="cursor-pointer transition-all duration-200 hover:opacity-80 flex-shrink-0"
53 + style="margin: 0">
53 {{ course.title }} 54 {{ course.title }}
54 </van-tag> 55 </van-tag>
55 </div> 56 </div>
...@@ -993,4 +994,13 @@ const getStatList = async () => { ...@@ -993,4 +994,13 @@ const getStatList = async () => {
993 border-radius: 8px; 994 border-radius: 8px;
994 } 995 }
995 } 996 }
997 +
998 +/* 隐藏滚动条 */
999 +.no-scrollbar::-webkit-scrollbar {
1000 + display: none;
1001 +}
1002 +.no-scrollbar {
1003 + -ms-overflow-style: none;
1004 + scrollbar-width: none;
1005 +}
996 </style> 1006 </style>
......