From bdecc2215f8c65df015fa75fe04a8a6f0b88c131 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Thu, 24 Nov 2022 11:48:13 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=BC=A9=E6=94=BE?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ChartsItemBox/index.vue        | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue b/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
index a5806bce..655fe824 100644
--- a/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
+++ b/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
@@ -21,7 +21,7 @@
             <n-ellipsis>{{ item.title }}</n-ellipsis>
           </n-text>
         </div>
-        <div class="list-center go-flex-center">
+        <div class="list-center go-flex-center go-transition">
           <img class="list-img" v-lazy="item.image" alt="图表图片" />
         </div>
         <div class="list-bottom">
@@ -175,18 +175,6 @@ $halfCenterHeight: 50px;
       }
     }
   }
-  /* 缩小展示 */
-  @keyframes miniAnimation {
-    from {
-      width: $itemWidth * 2;
-    }
-    to {
-      width: $itemWidth;
-    }
-  }
-  &.miniAnimation {
-    animation: miniAnimation 0.5s;
-  }
   &.single {
     .item-box {
       @extend .go-transition;
@@ -212,11 +200,24 @@ $halfCenterHeight: 50px;
       .list-img {
         height: $halfCenterHeight;
         width: auto;
+        transition: all 0.2s;
       }
     }
     .list-bottom {
       display: block;
     }
   }
+  /* 缩小展示 */
+  @keyframes miniAnimation {
+    from {
+      width: $itemWidth * 2;
+    }
+    to {
+      width: $itemWidth;
+    }
+  }
+  &.miniAnimation {
+    animation: miniAnimation 0.5s;
+  }
 }
 </style>