JLNTV_IPD/vue-admin-beautiful
4
0
Fork 0
mirror of https://gitee.com/chu1204505056/vue-admin-beautiful.git synced 2025-04-06 03:58:00 +08:00
Code Issues Projects Releases Wiki Activity

✨添加菜单线性动画

Browse Source
This commit is contained in:
chuzhixin 2020-10-18 14:27:04 +08:00
parent 6ee1852121
commit c783e0ce1d
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package.json
View File

@ -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"

6
src/styles/variables.scss
View File

@ -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 {
//菜单文字颜色变量导出