style(teacher/taskHomePage): 调整学生列表项的样式和默认名称显示
优化学生列表项的编号和姓名样式,增加可读性和美观性 为没有名字的学生设置默认显示'未命名'
Showing
1 changed file
with
4 additions
and
4 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-11-19 21:00:00 | 2 | * @Date: 2025-11-19 21:00:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-12-02 18:48:32 | 4 | + * @LastEditTime: 2025-12-02 21:30:35 |
| 5 | * @FilePath: /mlaj/src/views/teacher/taskHomePage.vue | 5 | * @FilePath: /mlaj/src/views/teacher/taskHomePage.vue |
| 6 | * @Description: 教师端作业主页(头部介绍、统计、日历与学生完成情况;数据Mock) | 6 | * @Description: 教师端作业主页(头部介绍、统计、日历与学生完成情况;数据Mock) |
| 7 | --> | 7 | --> |
| ... | @@ -94,8 +94,8 @@ | ... | @@ -94,8 +94,8 @@ |
| 94 | class="studentItem relative rounded-md h-16 flex flex-col items-center justify-center text-center border overflow-hidden" | 94 | class="studentItem relative rounded-md h-16 flex flex-col items-center justify-center text-center border overflow-hidden" |
| 95 | :class="stu.completed ? 'bg-white border-green-500 text-green-600' : 'bg-gray-100 border-gray-300 text-gray-500'" | 95 | :class="stu.completed ? 'bg-white border-green-500 text-green-600' : 'bg-gray-100 border-gray-300 text-gray-500'" |
| 96 | @click="go_student_record(stu)"> | 96 | @click="go_student_record(stu)"> |
| 97 | - <div class="text-sm font-semibold">{{ idx + 1 }}</div> | 97 | + <div class="text-[10px] font-bold opacity-60 mb-0.5">{{ idx + 1 }}</div> |
| 98 | - <div class="text-sm mt-1">{{ stu.name }}</div> | 98 | + <div class="text-xs font-medium leading-tight break-words line-clamp-2 px-1">{{ stu.name }}</div> |
| 99 | <img v-if="stu.completed" :src="checkCorner" alt="checked" class="cornerIcon" /> | 99 | <img v-if="stu.completed" :src="checkCorner" alt="checked" class="cornerIcon" /> |
| 100 | </div> | 100 | </div> |
| 101 | </div> | 101 | </div> |
| ... | @@ -314,7 +314,7 @@ function on_date_select(val) { | ... | @@ -314,7 +314,7 @@ function on_date_select(val) { |
| 314 | const students_status = computed(() => { | 314 | const students_status = computed(() => { |
| 315 | return user_list.value.map(stu => ({ | 315 | return user_list.value.map(stu => ({ |
| 316 | id: stu.id, | 316 | id: stu.id, |
| 317 | - name: stu.name, | 317 | + name: stu.name || '未命名', |
| 318 | completed: !!stu.is_commit, | 318 | completed: !!stu.is_commit, |
| 319 | avatar: stu.avatar // 保留头像字段以便将来使用 | 319 | avatar: stu.avatar // 保留头像字段以便将来使用 |
| 320 | })) | 320 | })) | ... | ... |
-
Please register or login to post a comment