⬆️ upgrade dependencies and optimize the image display list

src/components/MyUI/CheckCard/CheckCard.vue

@@ -89,7 +89,7 @@ function toggleSelection() {
 <style scoped lang="scss">
 .check-card {
   position: relative;
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
@@ -100,11 +100,16 @@ function toggleSelection() {
 .check-card.selected {
   border: 1px solid rgba(125, 167, 255, 0.68);
   box-shadow: 0 0 2px rgba(77, 167, 255, 0.89);
-  padding: 10px;
 }
 
 .card-content {
+  display: inline-block;
   flex: 1;
+  transition: transform 0.3s ease-in-out;
+}
+
+.check-card.selected .card-content {
+  transform: scale(0.95);
 }
 
 .card-selected-icon {

src/components/MyUI/Pagination/Pagination.vue

@@ -368,10 +368,10 @@ function onPageSizeChange(pageSize: number) {
     }
 
     &:hover {
-      border-color: @themeColor;
+      border-color: #00aced;
 
       .arrow-svg {
-        color: @themeColor;
+        color: #00aced;
       }
     }
   }
@@ -383,8 +383,8 @@ function onPageSizeChange(pageSize: number) {
   .item-active {
     // 悬浮/选中样式
     font-weight: 600;
-    color: @themeColor;
-    border-color: @themeColor;
+    color: #00aced;
+    border-color: #00aced;
   }
 
   .item-disabled {
@@ -443,7 +443,7 @@ function onPageSizeChange(pageSize: number) {
       right: 0;
       margin: auto;
       display: inline-block;
-      fill: @themeColor;
+      fill: #000;
       width: 12px;
       height: 12px;
       opacity: 0;