update

src/views/Mobile/MobilePlayer.vue

@@ -171,11 +171,11 @@ const touchEndListener = (e: TouchEvent) => {
 
   &.turning-mode-no {
     &.before {
-      transform: translate(100%, 0) rotate(0) scale(1);
+      transform: translate(0, -100%) rotate(0) scale(1);
     }
     &.after {
       //transform: translateY(100%);
-      transform: translate(0, 100%) rotate(0) scale(1);
+      //transform: translate(0, 100%) rotate(0) scale(1);
     }
   }
   &.turning-mode-fade {
@@ -201,11 +201,11 @@ const touchEndListener = (e: TouchEvent) => {
   &.turning-mode-slideY {
     transition: transform 0.35s;
     &.before {
-      transform: translate(100%, 0) rotate(0) scale(1);
+      transform: translate(0, -100%) rotate(0) scale(1);
     }
     &.after {
       //transform: translateY(100%);
-      transform: translate(0, 100%) rotate(0) scale(1);
+      //transform: translate(0, 100%) rotate(0) scale(1);
     }
   }
 }

src/views/Screen/ScreenSlideList.vue

@@ -91,11 +91,11 @@ provide(injectKeySlideScale, scale);
 
   &.turning-mode-no {
     &.before {
-      transform: translate(100%, 0) rotate(0) scale(1);
+      transform: translate(0, -100%) rotate(0) scale(1);
     }
     &.after {
       //transform: translateY(100%);
-      transform: translate(0, 100%) rotate(0) scale(1);
+      //transform: translate(0, 100%) rotate(0) scale(1);
     }
   }
   &.turning-mode-fade {
@@ -121,11 +121,11 @@ provide(injectKeySlideScale, scale);
   &.turning-mode-slideY {
     transition: transform 0.35s;
     &.before {
-      transform: translate(100%, 0) rotate(0) scale(1);
+      transform: translate(0, -100%) rotate(0) scale(1);
     }
     &.after {
       //transform: translateY(100%);
-      transform: translate(0, 100%) rotate(0) scale(1);
+      //transform: translate(0, 100%) rotate(0) scale(1);
     }
   }
   &.turning-mode-slideX3D {