diff --git a/package.json b/package.json index bc881b3..caa7043 100644 --- a/package.json +++ b/package.json @@ -78,12 +78,12 @@ "body-parser": "^1.19.0", "chalk": "^4.1.0", "chokidar": "^3.4.3", - "eslint": "^7.13.0", + "eslint": "^7.14.0", "eslint-plugin-prettier": "^3.1.4", "eslint-plugin-vue": "^7.1.0", "filemanager-webpack-plugin": "^2.0.5", "image-webpack-loader": "^7.0.1", - "lint-staged": "^10.5.1", + "lint-staged": "^10.5.2", "plop": "^2.7.4", "prettier": "^2.2.0", "sass": "^1.29.0", diff --git a/src/styles/vab.scss b/src/styles/vab.scss index afce8f5..53bc766 100644 --- a/src/styles/vab.scss +++ b/src/styles/vab.scss @@ -67,6 +67,10 @@ a { cursor: pointer; } +* { + transition: $base-transition; +} + html { body { position: relative; @@ -145,6 +149,9 @@ html { @include base-scrollbar; > [class*='-container'] { + * { + transition: none; + } padding: $base-padding; background: $base-color-white; } diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 8436a03..d71882d 100644 --- a/src/styles/variables.scss +++ b/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-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; :export {