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", "screenfull": "^5.0.2",
"vue": "^2.6.12", "vue": "^2.6.12",
"vue-echarts": "^5.0.0-beta.0", "vue-echarts": "^5.0.0-beta.0",
"vue-router": "^3.4.6", "vue-router": "^3.4.7",
"vuex": "^3.5.1", "vuex": "^3.5.1",
"zx-comparison": "^1.0.3", "zx-comparison": "^1.0.3",
"zx-count": "^0.3.7", "zx-count": "^0.3.7",
@ -82,14 +82,14 @@
"eslint-plugin-vue": "^7.0.1", "eslint-plugin-vue": "^7.0.1",
"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.4.0", "lint-staged": "^10.4.2",
"plop": "^2.7.4", "plop": "^2.7.4",
"prettier": "^2.1.2", "prettier": "^2.1.2",
"sass": "^1.27.0", "sass": "^1.27.0",
"sass-loader": "^10.0.3", "sass-loader": "^10.0.3",
"stylelint": "^13.7.2", "stylelint": "^13.7.2",
"stylelint-config-prettier": "^8.0.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", "svg-sprite-loader": "^5.0.0",
"vue-template-compiler": "^2.6.12", "vue-template-compiler": "^2.6.12",
"webpackbar": "^4.0.0" "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-padding} - 55px - 55px
); );
//纵向布局时左侧导航未折叠时的宽度 //纵向布局时左侧导航未折叠时的宽度
$base-left-menu-width: 240px; $base-left-menu-width: 256px;
//纵向布局时左侧导航未折叠时右侧内容的宽度 //纵向布局时左侧导航未折叠时右侧内容的宽度
$base-right-content-width: calc(100% - #{$base-left-menu-width}); $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-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 { :export {
//菜单文字颜色变量导出 //菜单文字颜色变量导出