From 8830e1aa3c21182b02cc66ab9af960d8ce7bfd85 Mon Sep 17 00:00:00 2001
From: Miao_Spring <539943419@qq.com>
Date: Tue, 13 Aug 2024 21:10:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E6=97=B6=E5=B1=8F=E8=94=BD=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=9C=89=E9=97=AE=E9=A2=98=E7=9A=84=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 | 43 ++++++++++++++++++-------------------
 src/views/miaoDirectory.vue |  3 +--
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0367a48..cd9e32e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,7 +21,7 @@ const modalData = shallowRef<{
 
 const views = useViretualPages()
 
-const rootDirectory = new VirtualDirectory({
+const rootDirectory = reactive(new VirtualDirectory({
   name: '根目录',
   stats: {
     atimeMs: 0,
@@ -29,7 +29,7 @@ const rootDirectory = new VirtualDirectory({
     ctimeMs: 0,
     mtimeMs: 0,
   }
-})
+}))
 
 const createView = (initDirectory: VirtualDirectory, index?: number) => {
   index ?? (index = views.length)
@@ -290,6 +290,7 @@ $tag-width: 170px;
     }
   }
 }
+
 // transition动画相关
 .view {
   .view-controler {
@@ -322,28 +323,26 @@ $tag-width: 170px;
 
   .view-container {
 
-    .page-move,
-    .page-enter-active {
-      transition: all 0.2s ease;
-    }
-
-    .page-leave-active {
-      transition: none;
-    }
-
-    .page-enter-from {
-      opacity: 0;
-      // transform: translateY(-100px);
-    }
-
-    // .page-leave-to {
-    //   opacity: 0;
-    //   transform: translateY(-80px) translateX(calc($tag-width + 10px));
+    // .page-move {
+    //   transition: all 0.2s ease;
     // }
 
-    .page-leave-active {
-      position: absolute;
-    }
+    
+    // .page-enter-active {
+
+    // }
+
+    // .page-leave-active {
+    //   transition: none;
+    // }
+
+    // .page-enter-from {
+    //   opacity: 0;
+    // }
+
+    // .page-leave-active {
+    //   position: absolute;
+    // }
   }
 }
 </style>
diff --git a/src/views/miaoDirectory.vue b/src/views/miaoDirectory.vue
index 7be62e3..27eece7 100644
--- a/src/views/miaoDirectory.vue
+++ b/src/views/miaoDirectory.vue
@@ -303,8 +303,7 @@ $bottom-bar-height: 60px;
 // transition动画相关
 .miao-directory-item-container {
     .container-items {
-        .dirItem-move,
-        .dirItem-enter-active {
+        .dirItem-move {
             transition: all 0.2s ease;
         }
         .dirItem-leave-active {