Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
767c7a2e 1 parent c83bca2b

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

为教师页面的学生详情和班级页面的圆形进度条组件添加统一的浅灰色背景色(layer-color="#eee")，提升视觉一致性
Inline Side-by-side
Showing 2 changed files with 8 additions and 8 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2025-01-20 10:00:00 3 * @Date: 2025-01-20 10:00:00
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2025-06-26 11:13:22 5 + * @LastEditTime: 2025-06-27 14:46:06
6 * @FilePath: /mlaj/src/views/teacher/myClassPage.vue 6 * @FilePath: /mlaj/src/views/teacher/myClassPage.vue
7 * @Description: 我的班级页面 7 * @Description: 我的班级页面
8 --> 8 -->
...@@ -47,8 +47,8 @@ ...@@ -47,8 +47,8 @@
47 <van-col span="8"> 47 <van-col span="8">
48 <div class="bg-white p-4 text-center"> 48 <div class="bg-white p-4 text-center">
49 <div class="relative w-16 h-16 mx-auto mb-2"> 49 <div class="relative w-16 h-16 mx-auto mb-2">
50 - <van-circle v-model:current-rate="attendanceRate" :rate="attendanceRate" :speed="100" 50 + <van-circle v-model:current-rate="attendanceRate" :rate="attendanceRate"
51 - :text="attendanceRate + '%'" stroke-width="70" color="#10b981" size="64" /> 51 + :text="attendanceRate + '%'" stroke-width="70" color="#10b981" size="64" layer-color="#eee" />
52 </div> 52 </div>
53 <div class="text-sm text-gray-600">出勤率</div> 53 <div class="text-sm text-gray-600">出勤率</div>
54 </div> 54 </div>
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 <van-col span="8"> 57 <van-col span="8">
58 <div class="bg-white p-4 text-center"> 58 <div class="bg-white p-4 text-center">
59 <div class="relative w-16 h-16 mx-auto mb-2"> 59 <div class="relative w-16 h-16 mx-auto mb-2">
60 - <van-circle v-model:current-rate="taskCompletionRate" :rate="taskCompletionRate" :speed="100" 60 + <van-circle v-model:current-rate="taskCompletionRate" :rate="taskCompletionRate" layer-color="#eee"
61 :text="taskCompletionRate + '%'" stroke-width="70" color="#3b82f6" size="64" /> 61 :text="taskCompletionRate + '%'" stroke-width="70" color="#3b82f6" size="64" />
62 </div> 62 </div>
63 <div class="text-sm text-gray-600">任务完成</div> 63 <div class="text-sm text-gray-600">任务完成</div>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 <van-col span="8"> 67 <van-col span="8">
68 <div class="bg-white p-4 text-center"> 68 <div class="bg-white p-4 text-center">
69 <div class="relative w-16 h-16 mx-auto mb-2"> 69 <div class="relative w-16 h-16 mx-auto mb-2">
70 - <van-circle v-model:current-rate="learningProgress" :rate="learningProgress" :speed="100" 70 + <van-circle v-model:current-rate="learningProgress" :rate="learningProgress" layer-color="#eee"
71 :text="learningProgress + '%'" stroke-width="70" color="#f59e0b" size="64" /> 71 :text="learningProgress + '%'" stroke-width="70" color="#f59e0b" size="64" />
72 </div> 72 </div>
73 <div class="text-sm text-gray-600">学习进度</div> 73 <div class="text-sm text-gray-600">学习进度</div>
......
...@@ -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-06-27 14:39:13 5 + * @LastEditTime: 2025-06-27 14:45:33
6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue 6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue
7 * @Description: 学生详情页面 7 * @Description: 学生详情页面
8 --> 8 -->
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
61 <div class="bg-white p-4 text-center"> 61 <div class="bg-white p-4 text-center">
62 <div class="relative w-16 h-16 mx-auto mb-2"> 62 <div class="relative w-16 h-16 mx-auto mb-2">
63 <van-circle v-model:current-rate="checkinCount" :rate="checkinCount" 63 <van-circle v-model:current-rate="checkinCount" :rate="checkinCount"
64 - :text="`${checkinCountText}`" stroke-width="70" color="#10b981" size="64" /> 64 + :text="`${checkinCountText}`" stroke-width="70" color="#10b981" size="64" layer-color="#eee" />
65 </div> 65 </div>
66 <div class="text-sm text-gray-600">出勤率</div> 66 <div class="text-sm text-gray-600">出勤率</div>
67 </div> 67 </div>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
71 <div class="bg-white p-4 text-center"> 71 <div class="bg-white p-4 text-center">
72 <div class="relative w-16 h-16 mx-auto mb-2"> 72 <div class="relative w-16 h-16 mx-auto mb-2">
73 <van-circle v-model:current-rate="uploadCount" :rate="uploadCount" 73 <van-circle v-model:current-rate="uploadCount" :rate="uploadCount"
74 - :text="`${uploadCountText}`" stroke-width="70" color="#3b82f6" size="64" /> 74 + :text="`${uploadCountText}`" stroke-width="70" color="#3b82f6" size="64" layer-color="#eee" />
75 </div> 75 </div>
76 <div class="text-sm text-gray-600">作业完成率</div> 76 <div class="text-sm text-gray-600">作业完成率</div>
77 </div> 77 </div>
......