diff --git a/css/projectList.css b/css/projectList.css
index a6aabda..9b1e9af 100644
--- a/css/projectList.css
+++ b/css/projectList.css
@@ -8,9 +8,19 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  /* 定义一个名为 rotate 的动画，让元素从 0 度旋转到 360 度 */
 }
 .loading-mask .loading-icon {
   width: 50px;
+  animation: loadingRotate 2s linear infinite;
+}
+@keyframes loadingRotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
 .boxbox {
   width: 1200px;
diff --git a/css/projectList.less b/css/projectList.less
index 193883a..4b656ee 100644
--- a/css/projectList.less
+++ b/css/projectList.less
@@ -10,6 +10,16 @@
     align-items: center;
     .loading-icon {
         width: 50px;
+        animation: loadingRotate 2s linear infinite;
+    }
+    /* 定义一个名为 rotate 的动画，让元素从 0 度旋转到 360 度 */
+    @keyframes loadingRotate {
+        from {
+            transform: rotate(0deg);
+        }
+        to {
+            transform: rotate(360deg);
+        }
     }
 }
 .boxbox {