hookehuyr

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

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