no message

Former-commit-id: 7027cff0d07eb6e8500ce4812ca96668b4bdfc2f [formerly 7027cff0d07eb6e8500ce4812ca96668b4bdfc2f [formerly 7027cff0d07eb6e8500ce4812ca96668b4bdfc2f [formerly 7027cff0d07eb6e8500ce4812ca96668b4bdfc2f [formerly 053227b1dd275eaf51ec88490e169565c7be9ca8 [formerly ad41b73e168c840d22ecbc83653631f8705d52cf]]]]]
Former-commit-id: 818a788f3e46f07a5cab88bceb8aa3de302e3372
Former-commit-id: 3c2f81e69fb3029131f1d562d1c31d8bff7baf4b
Former-commit-id: 64505b817685514db8f72a39fde457620f518efe [formerly 772c6245b228cb833f61a21935571ad1c4caea11]
Former-commit-id: 2f6ed75df5d2944290b81e5ebd7f89f262df1930
Former-commit-id: 58799ead13d249a4c2e1db9273fca1b4cab2de8c
Former-commit-id: 3257aa89aefd9f65985259e213cb9ad61a38692b
Former-commit-id: 1cc9384582ffb9813cbe7a0ea3113c6229853131
Former-commit-id: d44e198a52d2f629631cc1ea2ea0370715d4aa6c

src/assets/style/theme/theme.scss

@@ -1,9 +1,11 @@
+// 主题公用
 .layout-main-group {
-  height: 100vh;
+  height: 100%;
-  width: 100vw;
+  width: 100%;
   background-size: cover;
   background-position: center;
   position: relative;
+  // 背景上面的半透明遮罩
   .layout-main-mask {
     position: absolute;
     top: 0px;
@@ -12,170 +14,169 @@
     left: 0px;
     background-color: rgba(#000, .3);
   }
-}
+  // 主体
-
+  .layout-main {
-// 主题公用
+    position: absolute;
-.layout-main {
+    top: 0px;
-  position: absolute;
+    right: 0px;
-  top: 0px;
+    bottom: 0px;
-  right: 0px;
+    left: 0px;
-  bottom: 0px;
+    // [布局] 顶栏
-  left: 0px;
+    .el-header {
-  // [布局] 顶栏
+      padding: 0px;
-  .el-header {
+      // logo区域
-    padding: 0px;
+      .logo-group {
-    // logo区域
+        transition: width .3s;
-    .logo-group {
+        float: left;
-      transition: width .3s;
+        text-align: center;
-      float: left;
+        img {
-      text-align: center;
+          height: 60px;
-      img {
+        }
+      }
+      // 折叠侧边栏切换按钮
+      .toggle-aside-btn {
+        float: left;
         height: 60px;
-      }
+        width: 60px;
-    }
-    // 折叠侧边栏切换按钮
-    .toggle-aside-btn {
-      float: left;
-      height: 60px;
-      width: 60px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      @extend %unable-select;
-      i {
-        font-size: 20px;
-        margin-top: 4px;
-      }
-    }
-    // [菜单] 顶栏
-    .el-menu {
-      float: left;
-      border-bottom: none;
-      background-color: transparent;
-      .el-menu-item {
-        @extend %unable-select;
-        border-bottom: none;
-      }
-      .el-submenu {
-        @extend %unable-select;
-        .el-submenu__title {
-          border-bottom: none;
-        }
-      }
-    }
-    // 顶栏右侧的按钮
-    .d2-header-right {
-      float: right;
-      height: 60px;
-      display: flex;
-      align-items: center;
-      .btn-text {
-        padding: 14px 12px;
-        border-radius: 4px;
-        margin: 0px !important;
-        margin-left: 10px !important;
-      }
-      .el-dropdown {
-        @extend %unable-select;
-      }
-    }
-  }
-  // [布局] 顶栏下面
-  .el-container {
-    // 侧边栏
-    .el-aside {
-      transition: width .3s;
-      overflow: auto;
-      // [菜单] 正常状态
-      .el-menu {
-        @extend %unable-select;
-        background-color: transparent;
-        border-right: none;
-        .el-menu-item {
-          i {
-            margin-right: 5px;
-            font-size: 20px;
-          }
-        }
-      }
-      .el-submenu {
-        @extend %unable-select;
-        .el-submenu__title {
-          i {
-            margin-right: 5px;
-            font-size: 20px;
-          }
-          .el-submenu__icon-arrow {
-            margin-top: -10px;
-          }
-        }
-      }
-      // 菜单为空的时候显示的信息
-      .menu-empty {
-        height: 160px;
-        margin: 10px;
-        margin-top: 0px;
-        border-radius: 4px;
         display: flex;
         justify-content: center;
         align-items: center;
-        flex-direction: column;
         @extend %unable-select;
         i {
-          font-size: 30px;
+          font-size: 20px;
-          margin-bottom: 10px;
+          margin-top: 4px;
-        }
-        span {
-          font-size: 14px;
         }
       }
-      // [菜单] 折叠状态
+      // [菜单] 顶栏
-      .el-menu--collapse {
+      .el-menu {
+        float: left;
+        border-bottom: none;
         background-color: transparent;
-        .el-submenu__title {
+        .el-menu-item {
-          text-align: center;
+          @extend %unable-select;
+          border-bottom: none;
+        }
+        .el-submenu {
+          @extend %unable-select;
+          .el-submenu__title {
+            border-bottom: none;
+          }
+        }
+      }
+      // 顶栏右侧的按钮
+      .d2-header-right {
+        float: right;
+        height: 60px;
+        display: flex;
+        align-items: center;
+        .btn-text {
+          padding: 14px 12px;
+          border-radius: 4px;
+          margin: 0px !important;
+          margin-left: 10px !important;
+        }
+        .el-dropdown {
+          @extend %unable-select;
         }
       }
     }
-    .el-main {
+    // [布局] 顶栏下面
-      padding: 0px;
+    .el-container {
-      position: relative;
+      // 侧边栏
+      .el-aside {
+        transition: width .3s;
+        overflow: auto;
+        // [菜单] 正常状态
+        .el-menu {
+          @extend %unable-select;
+          background-color: transparent;
+          border-right: none;
+          .el-menu-item {
+            i {
+              margin-right: 5px;
+              font-size: 20px;
+            }
+          }
+        }
+        .el-submenu {
+          @extend %unable-select;
+          .el-submenu__title {
+            i {
+              margin-right: 5px;
+              font-size: 20px;
+            }
+            .el-submenu__icon-arrow {
+              margin-top: -10px;
+            }
+          }
+        }
+        // 菜单为空的时候显示的信息
+        .menu-empty {
+          height: 160px;
+          margin: 10px;
+          margin-top: 0px;
+          border-radius: 4px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          @extend %unable-select;
+          i {
+            font-size: 30px;
+            margin-bottom: 10px;
+          }
+          span {
+            font-size: 14px;
+          }
+        }
+        // [菜单] 折叠状态
+        .el-menu--collapse {
+          background-color: transparent;
+          .el-submenu__title {
+            text-align: center;
+          }
+        }
+      }
+      .el-main {
+        padding: 0px;
+        position: relative;
+        overflow: hidden;
+      }
+    }
+    // [组件] d2-container-full
+    .d2-container-full {
+      position: absolute;
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
       overflow: hidden;
-    }
+      color: #303133;
-  }
+      &:hover {
-  // [组件] d2-container-full
+        box-shadow: none;
-  .d2-container-full {
+      }
-    position: absolute;
+      .d2-container-full__header {
-    border-top-left-radius: 4px;
+        position: absolute;
-    border-top-right-radius: 4px;
+        top: 0px;
-    overflow: hidden;
+        left: 0px;
-    color: #303133;
+        width: 100%;
-    &:hover {
+        padding: 18px 20px;
-      box-shadow: none;
+        box-sizing: border-box;
-    }
+      }
-    .d2-container-full__header {
+      .d2-container-full__body {
-      position: absolute;
+        position: absolute;
-      top: 0px;
+        padding: 20px;
-      left: 0px;
+        left: 0px;
-      width: 100%;
+        right: 0px;
-      padding: 18px 20px;
+        bottom: 0px;
-      box-sizing: border-box;
+        overflow: auto;
-    }
+      }
-    .d2-container-full__body {
+      .d2-container-full__footer {
-      position: absolute;
+        position: absolute;
-      padding: 20px;
+        bottom: 0px;
-      left: 0px;
+        left: 0px;
-      right: 0px;
+        width: 100%;
-      bottom: 0px;
+        padding: 18px 20px;
-      overflow: auto;
+        box-sizing: border-box;
-    }
+      }
-    .d2-container-full__footer {
-      position: absolute;
-      bottom: 0px;
-      left: 0px;
-      width: 100%;
-      padding: 18px 20px;
-      box-sizing: border-box;
     }
   }
 }