From 804f20bc19118aa7b5a90dfd296d72c9ee5bd2bd Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sat, 14 May 2022 23:14:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E8=B7=AF=E7=94=B1=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 69b2bef..91c7deb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,8 @@
 <template>
   <router-view v-slot="{ Component }">
-    <component ref="view" :is="Component" />
+    <transition name="fade">
+      <component ref="view" :is="Component" />
+    </transition>
   </router-view>
   <QuickCommand />
 </template>
@@ -96,13 +98,13 @@ export default defineComponent({
       this.$router.push(enter.code);
     },
     outPlugin() {
+      this.$refs.view.$refs?.commandEditor?.saveCodeHistory();
+      this.$router.push("/");
       this.utools.putDB(_.cloneDeep(this.profile), "cfg_profile");
       this.utools.putDB(
         _.cloneDeep(this.nativeProfile),
         "cfg_" + utools.getNativeId() + "_profile"
       );
-      this.$refs.view.$refs?.commandEditor?.saveCodeHistory();
-      this.$router.push("/");
     },
     runCronTask(featureCode, cronExp) {
       this.cronJobs[featureCode] = Cron(cronExp, () => {
@@ -212,4 +214,14 @@ export default defineComponent({
 ::-webkit-scrollbar-track-piece {
   background: rgba(194, 194, 194, 0.1);
 }
+
+.fade-enter-from {
+  opacity: 0;
+}
+.fade-enter-to {
+  opacity: 1;
+}
+.fade-enter-active {
+  transition: opacity 0.3s ease;
+}
 </style>