hookehuyr

feat(教师端): 更新任务主页样式和资源路径

- 调整进度条宽度和勾选图标尺寸
- 更新勾选图标资源路径并添加新图片资源
- 为详情区域添加左侧边框和内边距
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-11-19 22:10:07 4 + * @LastEditTime: 2025-11-20 11:31:17
5 * @FilePath: /mlaj/src/views/teacher/taskHomePage.vue 5 * @FilePath: /mlaj/src/views/teacher/taskHomePage.vue
6 * @Description: 教师端作业主页(头部介绍、统计、日历与学生完成情况;数据Mock) 6 * @Description: 教师端作业主页(头部介绍、统计、日历与学生完成情况;数据Mock)
7 --> 7 -->
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 <div class="text-center"> 32 <div class="text-center">
33 <div class="relative w-16 h-16 mx-auto mb-2"> 33 <div class="relative w-16 h-16 mx-auto mb-2">
34 <van-circle v-model:current-rate="checkin_count" :rate="checkin_count" :text="checkin_text" 34 <van-circle v-model:current-rate="checkin_count" :rate="checkin_count" :text="checkin_text"
35 - stroke-width="70" color="#10b981" size="64" layer-color="#eee" /> 35 + stroke-width="100" color="#10b981" size="64" layer-color="#eee" />
36 </div> 36 </div>
37 <div class="text-sm text-gray-600">出勤率</div> 37 <div class="text-sm text-gray-600">出勤率</div>
38 </div> 38 </div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 <div class="text-center"> 42 <div class="text-center">
43 <div class="relative w-16 h-16 mx-auto mb-2"> 43 <div class="relative w-16 h-16 mx-auto mb-2">
44 <van-circle v-model:current-rate="upload_count" :rate="upload_count" :text="upload_text" 44 <van-circle v-model:current-rate="upload_count" :rate="upload_count" :text="upload_text"
45 - stroke-width="70" color="#3b82f6" size="64" layer-color="#eee" /> 45 + stroke-width="100" color="#3b82f6" size="64" layer-color="#eee" />
46 </div> 46 </div>
47 <div class="text-sm text-gray-600">任务完成</div> 47 <div class="text-sm text-gray-600">任务完成</div>
48 </div> 48 </div>
...@@ -82,7 +82,7 @@ import { ref, computed } from 'vue' ...@@ -82,7 +82,7 @@ import { ref, computed } from 'vue'
82 import { useRoute, useRouter } from 'vue-router' 82 import { useRoute, useRouter } from 'vue-router'
83 import { useTitle } from '@vueuse/core' 83 import { useTitle } from '@vueuse/core'
84 import TaskCalendar from '@/components/ui/TaskCalendar.vue' 84 import TaskCalendar from '@/components/ui/TaskCalendar.vue'
85 -import checkCorner from '@/assets/check_corner.svg' 85 +import checkCorner from '@/assets/images/dui.png'
86 86
87 const $route = useRoute() 87 const $route = useRoute()
88 const $router = useRouter() 88 const $router = useRouter()
...@@ -224,6 +224,8 @@ function go_student_record(stu) { ...@@ -224,6 +224,8 @@ function go_student_record(stu) {
224 } 224 }
225 225
226 .details { 226 .details {
227 + border-left: 0.15rem solid #10b981;
228 + padding-left: 0.75rem;
227 .detailItem { 229 .detailItem {
228 margin-bottom: 0.25rem; 230 margin-bottom: 0.25rem;
229 } 231 }
...@@ -250,8 +252,8 @@ function go_student_record(stu) { ...@@ -250,8 +252,8 @@ function go_student_record(stu) {
250 position: absolute; 252 position: absolute;
251 top: -1px; 253 top: -1px;
252 right: -1px; 254 right: -1px;
253 - width: 28px; 255 + width: 18px;
254 - height: 28px; 256 + height: 18px;
255 } 257 }
256 } 258 }
257 } 259 }
......