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

Update linear animation

Browse Source
This commit is contained in:
chuzhixin 2020-11-24 16:09:52 +08:00
parent dc150a13e6
commit a954d4eb1e
3 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

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

7
src/styles/vab.scss
View File

@ -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;
} }

5
src/styles/variables.scss
View File

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