Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
68ea838b 1 parent dc396679

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

修改任务筛选器、统计模型和学生页面的文本颜色，优化作业标题显示布局
将审核状态文本从"已通过"改为"审核已通过"以更清晰表达状态
Inline Side-by-side
Showing 4 changed files with 26 additions and 12 deletions
1 <!-- 1 <!--
2 * @Date: 2025-12-11 17:26:25 2 * @Date: 2025-12-11 17:26:25
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-12-17 09:45:05 4 + * @LastEditTime: 2025-12-18 20:57:49
5 * @FilePath: /mlaj/src/components/count/postCountModel.vue 5 * @FilePath: /mlaj/src/components/count/postCountModel.vue
6 * @Description: 发布作业统计模型（包括感恩次数和感恩对象） 6 * @Description: 发布作业统计模型（包括感恩次数和感恩对象）
7 --> 7 -->
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
9 <div v-if="postData.gratitude_count" class="post-count-model"> 9 <div v-if="postData.gratitude_count" class="post-count-model">
10 <div class="flex justify-between items-center mb-2"> 10 <div class="flex justify-between items-center mb-2">
11 <div class="text-gray-500">感恩次数: </div> 11 <div class="text-gray-500">感恩次数: </div>
12 - <div class="font-bold">{{ postData.gratitude_count }} 次</div> 12 + <div class="font-bold text-gray-600">{{ postData.gratitude_count }} 次</div>
13 </div> 13 </div>
14 <div class="flex justify-between items-center"> 14 <div class="flex justify-between items-center">
15 <div class="text-gray-500">感恩对象: </div> 15 <div class="text-gray-500">感恩对象: </div>
16 - <div class="font-bold">{{ postData.gratitude_form_list?.map(item => item.name).join('、') }}</div> 16 + <div class="font-bold text-gray-600">{{ postData.gratitude_form_list?.map(item => item.name).join('、') }}</div>
17 </div> 17 </div>
18 </div> 18 </div>
19 </template> 19 </template>
......
1 <template> 1 <template>
2 <div class="inline-block"> 2 <div class="inline-block">
3 - <div @click="show = true" class="text-sm text-green-600 flex items-center cursor-pointer ml-2"> 3 + <div @click="show = true" class="text-sm text-gray-500 flex items-center cursor-pointer ml-2">
4 <span class="mr-1">{{ selectedLabel }}</span> 4 <span class="mr-1">{{ selectedLabel }}</span>
5 <van-icon name="arrow-down" /> 5 <van-icon name="arrow-down" />
6 </div> 6 </div>
......
1 <!-- 1 <!--
2 * @Date: 2025-05-29 15:34:17 2 * @Date: 2025-05-29 15:34:17
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-12-18 15:42:36 4 + * @LastEditTime: 2025-12-18 21:00:53
5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue 5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <van-icon name="calendar-o" class="text-xl" color="#4caf50" /> 23 <van-icon name="calendar-o" class="text-xl" color="#4caf50" />
24 <span style="color: #4caf50;" class="text-base font-bold">{{ formattedSelectedDate }} {{ formattedWeekday }}</span> 24 <span style="color: #4caf50;" class="text-base font-bold">{{ formattedSelectedDate }} {{ formattedWeekday }}</span>
25 </div> 25 </div>
26 - <div class="flex items-center text-gray-400 text-sm"> 26 + <div class="flex items-center text-gray-500 text-sm">
27 <span>切换日期</span> 27 <span>切换日期</span>
28 <van-icon name="arrow-down" class="ml-1" /> 28 <van-icon name="arrow-down" class="ml-1" />
29 </div> 29 </div>
...@@ -109,8 +109,15 @@ ...@@ -109,8 +109,15 @@
109 @audio-play="handleAudioPlay" 109 @audio-play="handleAudioPlay"
110 > 110 >
111 <template #content-top> 111 <template #content-top>
112 - <div class="text-gray-500 font-bold text-sm mb-4"> 112 + <div class="flex items-center mb-4 w-full">
113 - {{ post.task_title || '' }} <span v-if="post.task_title && post.subtask_title" style="color: #4caf50;">|</span> {{ post.subtask_title || '' }} 113 + <!-- 大作业名称作为标签显示 -->
114 + <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">
115 + {{ post.task_title }}
116 + </div>
117 + <!-- 小作业名称 -->
118 + <div class="flex-1 font-bold text-gray-700 text-sm truncate">
119 + {{ post.subtask_title || '' }}
120 + </div>
114 </div> 121 </div>
115 </template> 122 </template>
116 <template #footer-right> 123 <template #footer-right>
...@@ -122,7 +129,7 @@ ...@@ -122,7 +129,7 @@
122 class="mr-1" 129 class="mr-1"
123 /> 130 />
124 <span class="text-sm" :class="post.is_audit ? 'text-green-600' : 'text-red-500'"> 131 <span class="text-sm" :class="post.is_audit ? 'text-green-600' : 'text-red-500'">
125 - {{ post.is_audit ? '已通过' : '未通过' }} 132 + {{ post.is_audit ? '审核已通过' : '未通过' }}
126 </span> 133 </span>
127 </div> 134 </div>
128 </template> 135 </template>
......
...@@ -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 17:26:14 5 + * @LastEditTime: 2025-12-18 20:56:09
6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue 6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue
7 * @Description: 学生详情页面 7 * @Description: 学生详情页面
8 --> 8 -->
...@@ -209,8 +209,15 @@ ...@@ -209,8 +209,15 @@
209 @audio-play="handleAudioPlay" 209 @audio-play="handleAudioPlay"
210 > 210 >
211 <template #content-top> 211 <template #content-top>
212 - <div class="text-gray-500 font-bold text-sm mb-4"> 212 + <div class="flex items-center mb-4 w-full">
213 - {{ post.task_title || '' }} <span v-if="post.task_title && post.subtask_title" style="color: #4caf50;">|</span> {{ post.subtask_title || '' }} 213 + <!-- 大作业名称作为标签显示 -->
214 + <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">
215 + {{ post.task_title }}
216 + </div>
217 + <!-- 小作业名称 -->
218 + <div class="flex-1 font-bold text-gray-700 text-sm truncate">
219 + {{ post.subtask_title || '' }}
220 + </div>
214 </div> 221 </div>
215 </template> 222 </template>
216 <template #footer-right> 223 <template #footer-right>
......