✨添加菜单线性动画

package.json

@@ -55,7 +55,7 @@
     "screenfull": "^5.0.2",
     "vue": "^2.6.12",
     "vue-echarts": "^5.0.0-beta.0",
-    "vue-router": "^3.4.6",
+    "vue-router": "^3.4.7",
     "vuex": "^3.5.1",
     "zx-comparison": "^1.0.3",
     "zx-count": "^0.3.7",
@@ -82,14 +82,14 @@
     "eslint-plugin-vue": "^7.0.1",
     "filemanager-webpack-plugin": "^2.0.5",
     "image-webpack-loader": "^7.0.1",
-    "lint-staged": "^10.4.0",
+    "lint-staged": "^10.4.2",
     "plop": "^2.7.4",
     "prettier": "^2.1.2",
     "sass": "^1.27.0",
     "sass-loader": "^10.0.3",
     "stylelint": "^13.7.2",
     "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-recess-order": "^2.1.0",
+    "stylelint-config-recess-order": "^2.2.0",
     "svg-sprite-loader": "^5.0.0",
     "vue-template-compiler": "^2.6.12",
     "webpackbar": "^4.0.0"

src/styles/variables.scss

@@ -60,7 +60,7 @@ $base-app-main-height: calc(
     #{$base-padding} - 55px - 55px
 );
 //纵向布局时左侧导航未折叠时的宽度
-$base-left-menu-width: 240px;
+$base-left-menu-width: 256px;
 //纵向布局时左侧导航未折叠时右侧内容的宽度
 $base-right-content-width: calc(100% - #{$base-left-menu-width});
 //纵向布局时左侧导航已折叠时的宽度
@@ -68,9 +68,9 @@ $base-left-menu-width-min: 65px;
 //纵向布局时左侧导航已折叠时右侧内容的宽度
 $base-right-content-width-min: calc(100% - #{$base-left-menu-width-min});
 //默认动画
-$base-transition: all 0.2s;
+$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 //默认动画时长
-$base-transition-time: 0.2s;
+$base-transition-time: 0.3s;
 
 :export {
   //菜单文字颜色变量导出