src/views/Home/Index.vue

@@ -236,7 +236,7 @@
 
                 <vue3ScrollSeamless class="scroll-wraps text-color" :classOptions="class2Options" :dataList="list2">
                   <div v-if="list2.length > 0">
-                    <el-row v-for="(item, i) of list2" :key="i" class="shouye">
+                    <el-row v-for="(item, i) of list2" :key="i" class="shouye" >
                       <!-- <el-col :span="6" class="center" style="padding: 10px; border: none;">
                         <div>{{ item.ID }}</div>
                       </el-col> -->

src/views/system/Home/Index.vue

@@ -65,7 +65,7 @@
           <el-row :gutter="8">
             <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
               <el-card  class="mb-27px h-465px mt-40px mr-15px ="
-                       style="min-width: 250px ;background-color: rgb(133,121,236,0.1);">
+                       style="min-width: 250px ;background-color: rgba(61,41,255,0.1);">
                 <template #header >
                   <div class="h-7 flex justify-between fw-800 text-22px ">
                     <span style="color: #042b52">实时打卡状态</span>
@@ -97,7 +97,7 @@
                                     :dataList="list">
                   <div v-if="list.length > 0">
                     <el-row v-for="(item, i) of list" :key="i" class="shouye"
-                            style="margin-bottom: 5px; display: flex; justify-content: center;background :rgba(253,253,253,0.93);">
+                            style="margin-bottom: 5px; display: flex; justify-content: center;background :rgb(253,253,253);">
                       <el-col :span="6" class="center"
                               style="display: flex; justify-content: center; align-items: center; padding: 6px;">
                         <div style="font-weight: 900">{{ item.studentName }}</div>
@@ -165,7 +165,7 @@
                                       :dataList="list2">
                     <div v-if="list2.length > 0">
                       <el-row v-for="(item, i) of list2" :key="i" class="shouye"
-                              style="margin-bottom: 5px; display: flex; justify-content: center;background :rgba(253,253,253,0.93);">
+                              style="margin-bottom: 5px; display: flex; justify-content: center;background :rgb(253,253,253);padding: 5px">
                         <!-- <el-col :span="6" class="center" style="padding: 10px; border: none;">
                           <div>{{ item.ID }}</div>
                         </el-col> -->
@@ -253,13 +253,13 @@
                                     :dataList="list1">
                   <div v-if="list1.length > 0">
                     <el-row v-for="(item, i) of list1" :key="i" class="shouye"
-                            style="margin-bottom: 10px ;  display: flex; justify-content: center;background: rgba(138,193,248,0.17)">
+                            style="margin-bottom: 10px ;  display: flex; justify-content: center;background: rgba(138,193,248,0.17);padding: 5px">
                       <!-- 增加行与行之间的间距 -->
                       <el-col :span="12" class="center" style="padding: 15px;"> <!-- 增加内边距 -->
-                        <div style="font-weight: 900">{{ item.name }}</div>
+                        <div style="font-weight: 550;color: black">{{ item.name }}</div>
                       </el-col>
                       <el-col :span="12" class="center" style="padding: 15px;">
-                        <div>{{ item.graduationRate }}%</div>
+                        <div style="font-weight: 550 ;color: black">{{ item.graduationRate }}%</div>
                       </el-col>
                     </el-row>
                   </div>