hookehuyr

style(views): 为圆形进度条添加统一的背景色

为教师页面的学生详情和班级页面的圆形进度条组件添加统一的浅灰色背景色(layer-color="#eee"),提升视觉一致性
......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2025-01-20 10:00:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-06-26 11:13:22
* @LastEditTime: 2025-06-27 14:46:06
* @FilePath: /mlaj/src/views/teacher/myClassPage.vue
* @Description: 我的班级页面
-->
......@@ -47,8 +47,8 @@
<van-col span="8">
<div class="bg-white p-4 text-center">
<div class="relative w-16 h-16 mx-auto mb-2">
<van-circle v-model:current-rate="attendanceRate" :rate="attendanceRate" :speed="100"
:text="attendanceRate + '%'" stroke-width="70" color="#10b981" size="64" />
<van-circle v-model:current-rate="attendanceRate" :rate="attendanceRate"
:text="attendanceRate + '%'" stroke-width="70" color="#10b981" size="64" layer-color="#eee" />
</div>
<div class="text-sm text-gray-600">出勤率</div>
</div>
......@@ -57,7 +57,7 @@
<van-col span="8">
<div class="bg-white p-4 text-center">
<div class="relative w-16 h-16 mx-auto mb-2">
<van-circle v-model:current-rate="taskCompletionRate" :rate="taskCompletionRate" :speed="100"
<van-circle v-model:current-rate="taskCompletionRate" :rate="taskCompletionRate" layer-color="#eee"
:text="taskCompletionRate + '%'" stroke-width="70" color="#3b82f6" size="64" />
</div>
<div class="text-sm text-gray-600">任务完成</div>
......@@ -67,7 +67,7 @@
<van-col span="8">
<div class="bg-white p-4 text-center">
<div class="relative w-16 h-16 mx-auto mb-2">
<van-circle v-model:current-rate="learningProgress" :rate="learningProgress" :speed="100"
<van-circle v-model:current-rate="learningProgress" :rate="learningProgress" layer-color="#eee"
:text="learningProgress + '%'" stroke-width="70" color="#f59e0b" size="64" />
</div>
<div class="text-sm text-gray-600">学习进度</div>
......
......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2025-06-19 17:12:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-06-27 14:39:13
* @LastEditTime: 2025-06-27 14:45:33
* @FilePath: /mlaj/src/views/teacher/studentPage.vue
* @Description: 学生详情页面
-->
......@@ -61,7 +61,7 @@
<div class="bg-white p-4 text-center">
<div class="relative w-16 h-16 mx-auto mb-2">
<van-circle v-model:current-rate="checkinCount" :rate="checkinCount"
:text="`${checkinCountText}`" stroke-width="70" color="#10b981" size="64" />
:text="`${checkinCountText}`" stroke-width="70" color="#10b981" size="64" layer-color="#eee" />
</div>
<div class="text-sm text-gray-600">出勤率</div>
</div>
......@@ -71,7 +71,7 @@
<div class="bg-white p-4 text-center">
<div class="relative w-16 h-16 mx-auto mb-2">
<van-circle v-model:current-rate="uploadCount" :rate="uploadCount"
:text="`${uploadCountText}`" stroke-width="70" color="#3b82f6" size="64" />
:text="`${uploadCountText}`" stroke-width="70" color="#3b82f6" size="64" layer-color="#eee" />
</div>
<div class="text-sm text-gray-600">作业完成率</div>
</div>
......