feat(教师端): 更新任务主页样式和资源路径
- 调整进度条宽度和勾选图标尺寸 - 更新勾选图标资源路径并添加新图片资源 - 为详情区域添加左侧边框和内边距
Showing
2 changed files
with
8 additions
and
6 deletions
src/assets/images/dui.png
0 → 100644
435 Bytes
| 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 | } | ... | ... |
-
Please register or login to post a comment