hookehuyr

style(ui): 调整多个组件的文本颜色和布局样式

修改任务筛选器、统计模型和学生页面的文本颜色,优化作业标题显示布局
将审核状态文本从"已通过"改为"审核已通过"以更清晰表达状态
<!--
* @Date: 2025-12-11 17:26:25
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-12-17 09:45:05
* @LastEditTime: 2025-12-18 20:57:49
* @FilePath: /mlaj/src/components/count/postCountModel.vue
* @Description: 发布作业统计模型(包括感恩次数和感恩对象)
-->
......@@ -9,11 +9,11 @@
<div v-if="postData.gratitude_count" class="post-count-model">
<div class="flex justify-between items-center mb-2">
<div class="text-gray-500">感恩次数: </div>
<div class="font-bold">{{ postData.gratitude_count }} 次</div>
<div class="font-bold text-gray-600">{{ postData.gratitude_count }} 次</div>
</div>
<div class="flex justify-between items-center">
<div class="text-gray-500">感恩对象: </div>
<div class="font-bold">{{ postData.gratitude_form_list?.map(item => item.name).join('、') }}</div>
<div class="font-bold text-gray-600">{{ postData.gratitude_form_list?.map(item => item.name).join('、') }}</div>
</div>
</div>
</template>
......
<template>
<div class="inline-block">
<div @click="show = true" class="text-sm text-green-600 flex items-center cursor-pointer ml-2">
<div @click="show = true" class="text-sm text-gray-500 flex items-center cursor-pointer ml-2">
<span class="mr-1">{{ selectedLabel }}</span>
<van-icon name="arrow-down" />
</div>
......
<!--
* @Date: 2025-05-29 15:34:17
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-12-18 15:42:36
* @LastEditTime: 2025-12-18 21:00:53
* @FilePath: /mlaj/src/views/teacher/checkinPage.vue
* @Description: 文件描述
-->
......@@ -23,7 +23,7 @@
<van-icon name="calendar-o" class="text-xl" color="#4caf50" />
<span style="color: #4caf50;" class="text-base font-bold">{{ formattedSelectedDate }} {{ formattedWeekday }}</span>
</div>
<div class="flex items-center text-gray-400 text-sm">
<div class="flex items-center text-gray-500 text-sm">
<span>切换日期</span>
<van-icon name="arrow-down" class="ml-1" />
</div>
......@@ -109,8 +109,15 @@
@audio-play="handleAudioPlay"
>
<template #content-top>
<div class="text-gray-500 font-bold text-sm mb-4">
{{ post.task_title || '' }} <span v-if="post.task_title && post.subtask_title" style="color: #4caf50;">|</span> {{ post.subtask_title || '' }}
<div class="flex items-center mb-4 w-full">
<!-- 大作业名称作为标签显示 -->
<div v-if="post.task_title" class="bg-green-50 text-green-600 px-2 py-0.5 rounded text-xs border border-green-100 mr-2 max-w-[40%] truncate flex-shrink-0">
{{ post.task_title }}
</div>
<!-- 小作业名称 -->
<div class="flex-1 font-bold text-gray-700 text-sm truncate">
{{ post.subtask_title || '' }}
</div>
</div>
</template>
<template #footer-right>
......@@ -122,7 +129,7 @@
class="mr-1"
/>
<span class="text-sm" :class="post.is_audit ? 'text-green-600' : 'text-red-500'">
{{ post.is_audit ? '已通过' : '未通过' }}
{{ post.is_audit ? '审核已通过' : '未通过' }}
</span>
</div>
</template>
......
......@@ -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 17:26:14
* @LastEditTime: 2025-12-18 20:56:09
* @FilePath: /mlaj/src/views/teacher/studentPage.vue
* @Description: 学生详情页面
-->
......@@ -209,8 +209,15 @@
@audio-play="handleAudioPlay"
>
<template #content-top>
<div class="text-gray-500 font-bold text-sm mb-4">
{{ post.task_title || '' }} <span v-if="post.task_title && post.subtask_title" style="color: #4caf50;">|</span> {{ post.subtask_title || '' }}
<div class="flex items-center mb-4 w-full">
<!-- 大作业名称作为标签显示 -->
<div v-if="post.task_title" class="bg-green-50 text-green-600 px-2 py-0.5 rounded text-xs border border-green-100 mr-2 max-w-[40%] truncate flex-shrink-0">
{{ post.task_title }}
</div>
<!-- 小作业名称 -->
<div class="flex-1 font-bold text-gray-700 text-sm truncate">
{{ post.subtask_title || '' }}
</div>
</div>
</template>
<template #footer-right>
......