From a22463fa9c99ce46f267ba5b54191055017a602b Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <1171051090@qq.com>
Date: Tue, 19 Jan 2021 21:21:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8E=86=E5=8F=B2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/actions.ts       |  3 +++
 src/views/Screen/index.vue | 25 ++++++++++++-------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/store/actions.ts b/src/store/actions.ts
index 9624ecc2..20804eed 100644
--- a/src/store/actions.ts
+++ b/src/store/actions.ts
@@ -43,6 +43,9 @@ export const actions: ActionTree<State, State> = {
       needDeleteKeys.push(allKeys[0])
       snapshotLength--
     }
+    if(snapshotLength >= 2) {
+      db.snapshots.update(allKeys[snapshotLength - 2] as number, { index: state.slideIndex })
+    }
 
     await db.snapshots.bulkDelete(needDeleteKeys)
 
diff --git a/src/views/Screen/index.vue b/src/views/Screen/index.vue
index 592824e5..a8bec499 100644
--- a/src/views/Screen/index.vue
+++ b/src/views/Screen/index.vue
@@ -10,9 +10,9 @@
           'slide-item', 
           `turning-mode-${slide.turningMode || 'slideY'}`,
           {
-            'show': index === slideIndex,
-            'prev': index < slideIndex,
-            'next': index > slideIndex,
+            'current': index === slideIndex,
+            'before': index < slideIndex,
+            'after': index > slideIndex,
           }
         ]"
         v-for="(slide, index) in slides" 
@@ -260,45 +260,44 @@ export default defineComponent({
   width: 100%;
   height: 100%;
 
-  &.show {
+  &.current {
     z-index: 2;
   }
 
   &.turning-mode-no {
-    &.prev {
+    &.before {
       transform: translateY(-100%);
     }
-    &.next {
+    &.after {
       transform: translateY(100%);
     }
   }
   &.turning-mode-fade {
     transition: opacity .75s;
-
-    &.prev {
+    &.before {
       pointer-events: none;
       opacity: 0;
     }
-    &.next {
+    &.after {
       pointer-events: none;
       opacity: 0;
     }
   }
   &.turning-mode-slideX {
     transition: transform .35s;
-    &.prev {
+    &.before {
       transform: translateX(-100%);
     }
-    &.next {
+    &.after {
       transform: translateX(100%);
     }
   }
   &.turning-mode-slideY {
     transition: transform .35s;
-    &.prev {
+    &.before {
       transform: translateY(-100%);
     }
-    &.next {
+    &.after {
       transform: translateY(100%);
     }
   }