增加侧边栏菜单折叠动画效果切换与设置

This commit is contained in:
思维空间
2020-04-23 11:00:49 +08:00
parent e2c4a40119
commit 349e08b0a8
7 changed files with 78 additions and 19 deletions

View File

@@ -74,13 +74,15 @@
}
.d2-theme-container {
.d2-theme-container-aside {
transition: width .3s;
position: relative;
.d2-layout-header-aside-menu-side {
@extend %full;
overflow: hidden;
}
}
.d2-theme-container-transition {
transition: width .3s;
}
.d2-theme-container-main {
padding: 0px;
position: relative;
@@ -116,13 +118,15 @@
.d2-theme-header {
// logo区域
.logo-group {
transition: width .3s;
float: left;
text-align: center;
img {
height: 60px;
}
}
.logo-transition {
transition: width .3s;
}
// 折叠侧边栏切换按钮
.toggle-aside-btn {
float: left;