From affe2b63e194ccdf8e6fbb2dffb6f47b8f12896c Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 11:07:02 +0800
Subject: [PATCH] 浮动隐藏菜单栏
---
src/styles/media.scss | 27 ++++++++++-----------------
1 files changed, 10 insertions(+), 17 deletions(-)
diff --git a/src/styles/media.scss b/src/styles/media.scss
index 2781c4c..3f1db09 100644
--- a/src/styles/media.scss
+++ b/src/styles/media.scss
@@ -2,10 +2,9 @@
.avue-header,
.avue-top,
.avue-logo,
-.avue-layout
-.login-logo,
+.avue-layout .login-logo,
.avue-main {
- transition: all .3s;
+ transition: all 0.3s;
}
.avue-contail {
@@ -16,14 +15,13 @@
background-repeat: no-repeat;
}
-
.avue-left {
position: fixed;
left: 0;
top: 0;
width: 240px;
height: 100%;
- z-index: 1025;
+ z-index: 1027;
}
.avue--collapse {
@@ -43,7 +41,7 @@
}
.avue-header {
- padding-left: 240px;
+ padding-left: 60px;
width: 100%;
background-color: #fff;
box-sizing: border-box;
@@ -51,10 +49,10 @@
.avue-main {
position: absolute;
- left: 240px;
+ left: 60px;
padding: 0;
padding-bottom: 20px;
- width: calc(100% - 240px);
+ width: calc(100% - 60px);
height: calc(100% - 64px);
box-sizing: border-box;
overflow: hidden;
@@ -102,7 +100,7 @@
right: 0;
top: 0;
bottom: 0;
- background-color: rgba(0, 0, 0, .3);
+ background-color: rgba(0, 0, 0, 0.3);
z-index: 1024;
&--show {
@@ -166,17 +164,12 @@
}
.avue-main {
- left: $width;
- width: 100%;
+ width: calc(100% - 60px);
+ left: 60px;
}
.avue-header {
- padding: 0;
- transform: translate3d(230px, 0, 0);
- }
-
- .avue-shade {
- display: block;
+ padding-left: 60px;
}
}
}
--
Gitblit v1.9.3