From 532cb60292ad8a4ea3da53af2569bcfe8c3cb66c Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Mon, 15 Aug 2022 17:31:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E4=BE=A7=E6=A0=8F=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=B8=90=E5=85=A5=E6=B8=90=E5=87=BA=E5=8A=A8=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/cpns/ClipFullData.vue | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/cpns/ClipFullData.vue b/src/cpns/ClipFullData.vue
index 66fb6d8..32e9ab4 100644
--- a/src/cpns/ClipFullData.vue
+++ b/src/cpns/ClipFullData.vue
@@ -1,15 +1,17 @@
 <template>
   <div class="clip-full-data">
-    <div class="clip-full" v-show="isShow">
-      <div v-if="fullData.type === 'text'">
-        <div v-text="fullData.data"></div>
+    <Transition name="fade">
+      <div class="clip-full" v-show="isShow">
+        <div v-if="fullData.type === 'text'">
+          <div v-text="fullData.data"></div>
+        </div>
+        <div v-else>
+          <FileList :data="fullData.data"></FileList>
+        </div>
       </div>
-      <div v-else>
-        <FileList :data="fullData.data"></FileList>
-      </div>
-    </div>
+    </Transition>
+    <div class="clip-overlay" v-show="isShow" @click="onOverlayClick"></div>
   </div>
-  <div class="clip-overlay" v-show="isShow" @click="onOverlayClick"></div>
 </template>
 
 <script setup>
@@ -32,4 +34,13 @@ const onOverlayClick = () => emit('onOverlayClick')
 
 <style lang="less" scoped>
 @import '../style';
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>