Update linear animation

package.json

@@ -64,7 +64,7 @@
     "zx-layouts": "^0.6.21",
     "zx-layouts": "^0.6.21",
     "zx-magnifie": "^0.4.0",
     "zx-magnifie": "^0.4.0",
     "zx-markdown-editor": "^0.0.2",
     "zx-markdown-editor": "^0.0.2",
-    "zx-player": "^1.0.1",
+    "zx-player": "^1.0.2",
     "zx-quill": "^0.0.3",
     "zx-quill": "^0.0.3",
     "zx-templates": "^0.0.26",
     "zx-templates": "^0.0.26",
     "zx-verify": "^0.0.2"
     "zx-verify": "^0.0.2"
@@ -79,8 +79,8 @@
     "chalk": "^4.1.0",
     "chalk": "^4.1.0",
     "chokidar": "^3.4.3",
     "chokidar": "^3.4.3",
     "eslint": "^7.14.0",
     "eslint": "^7.14.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-vue": "^7.1.0",
+    "eslint-plugin-prettier": "^3.2.0",
+    "eslint-plugin-vue": "^7.2.0",
     "filemanager-webpack-plugin": "^2.0.5",
     "filemanager-webpack-plugin": "^2.0.5",
     "image-webpack-loader": "^7.0.1",
     "image-webpack-loader": "^7.0.1",
     "lint-staged": "^10.5.2",
     "lint-staged": "^10.5.2",

src/styles/transition.scss

@@ -12,10 +12,8 @@
 
 
 .fade-transform-enter {
 .fade-transform-enter {
   opacity: 0;
   opacity: 0;
-  transform: translateX(-30px);
 }
 }
 
 
 .fade-transform-leave-to {
 .fade-transform-leave-to {
   opacity: 0;
   opacity: 0;
-  transform: translateX(30px);
 }
 }