diff --git a/src/views/index.vue b/src/views/index.vue
index f8af2a6..2b41d1e 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -28,7 +28,13 @@
         </template>
 
         <div class="card-content">
-          <span class="font-num">{{ userNum }}</span>
+          <div>
+            <el-icon color="#FA6A6C" :size="80">
+              <Avatar />
+            </el-icon>
+          </div>
+
+          <div class="font-num">{{ userNum }}</div>
         </div>
       </el-card>
     </div>
@@ -42,7 +48,13 @@
         </template>
 
         <div class="card-content">
-          <span class="font-num">{{ evaluationNum }}</span>
+          <div>
+            <el-icon color="#FD8E66" :size="80">
+              <EditPen />
+            </el-icon>
+          </div>
+
+          <div class="font-num">{{ evaluationNum }}</div>
         </div>
       </el-card>
     </div>
@@ -56,7 +68,13 @@
         </template>
 
         <div class="card-content">
-          <span class="font-num">{{ warnNum }}</span>
+          <div>
+            <el-icon color="#FF9C57" :size="80">
+              <View />
+            </el-icon>
+          </div>
+
+          <div class="font-num">{{ warnNum }}</div>
         </div>
       </el-card>
     </div>
@@ -70,7 +88,13 @@
         </template>
 
         <div class="card-content">
-          <span class="font-num">{{ interveneNum }}</span>
+          <div>
+            <el-icon color="#F15BB5" :size="80">
+              <Collection />
+            </el-icon>
+          </div>
+
+          <div class="font-num">{{ interveneNum }}</div>
         </div>
       </el-card>
     </div>
@@ -347,7 +371,7 @@ const rightBarOption = ref({
     data: []
   },
   series: [
-    
+
   ]
 })
 
@@ -481,7 +505,7 @@ onMounted(() => {
 
     .card-content {
       display: flex;
-      justify-content: center;
+      justify-content: space-around;
       align-items: center;
     }