Update linear animation

package.json

@@ -78,12 +78,12 @@
     "body-parser": "^1.19.0",
     "body-parser": "^1.19.0",
     "chalk": "^4.1.0",
     "chalk": "^4.1.0",
     "chokidar": "^3.4.3",
     "chokidar": "^3.4.3",
-    "eslint": "^7.13.0",
+    "eslint": "^7.14.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-vue": "^7.1.0",
     "eslint-plugin-vue": "^7.1.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.1",
+    "lint-staged": "^10.5.2",
     "plop": "^2.7.4",
     "plop": "^2.7.4",
     "prettier": "^2.2.0",
     "prettier": "^2.2.0",
     "sass": "^1.29.0",
     "sass": "^1.29.0",

src/styles/vab.scss

@@ -67,6 +67,10 @@ a {
   cursor: pointer;
   cursor: pointer;
 }
 }
 
 
+* {
+  transition: $base-transition;
+}
+
 html {
 html {
   body {
   body {
     position: relative;
     position: relative;
@@ -145,6 +149,9 @@ html {
         @include base-scrollbar;
         @include base-scrollbar;
 
 
         > [class*='-container'] {
         > [class*='-container'] {
+          * {
+            transition: none;
+          }
           padding: $base-padding;
           padding: $base-padding;
           background: $base-color-white;
           background: $base-color-white;
         }
         }

src/styles/variables.scss

@@ -68,8 +68,9 @@ $base-left-menu-width-min: 65px;
 //纵向布局时左侧导航已折叠时右侧内容的宽度
 //纵向布局时左侧导航已折叠时右侧内容的宽度
 $base-right-content-width-min: calc(100% - #{$base-left-menu-width-min});
 $base-right-content-width-min: calc(100% - #{$base-left-menu-width-min});
 //默认动画
 //默认动画
-$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-//默认动画时长
+$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
+  background 0s, color 0s;
+//默认动画长
 $base-transition-time: 0.3s;
 $base-transition-time: 0.3s;
 
 
 :export {
 :export {