浮动隐藏菜单栏

liuyg

2021-09-27 affe2b63e194ccdf8e6fbb2dffb6f47b8f12896c

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