no message

Former-commit-id: 7ce8731c3fbff1358a20072bfc4a311d074bbce1 [formerly e53795bf2c527ec4db52c2dcc4ddb4113b3bae04] [formerly 7ce8731c3fbff1358a20072bfc4a311d074bbce1 [formerly e53795bf2c527ec4db52c2dcc4ddb4113b3bae04] [formerly 7ce8731c3fbff1358a20072bfc4a311d074bbce1 [formerly e53795bf2c527ec4db52c2dcc4ddb4113b3bae04] [formerly e53795bf2c527ec4db52c2dcc4ddb4113b3bae04 [formerly 4a11be2c1e1dafaf1e47609aea474ed3d14ed168 [formerly cd00a1ff152b52a8b6140db354ee5162eb16b5c8]]]]]
Former-commit-id: acd23291774316c164d08701e2d47d82b9861d0b
Former-commit-id: dfcb0b86d1606d3b1ea015d3b1d9a4a14c7ebc3c
Former-commit-id: d2e0e01ee2ad509ee6eaeb21f39862046cc6298b [formerly f3891c3d17c26fe132a23460cb9237c7e05b1a78]
Former-commit-id: 70659ffa8b445c27dc99ab22546c49de9d01d6f0
Former-commit-id: 7246206ca668fe7aabe15f348f50abd07e0b30dc
Former-commit-id: 3155efaec47f066c8ddd14be1581b4c0fbacb376
Former-commit-id: d28c005035cf6986b20f7c4c934ec4a5964b180b
Former-commit-id: 3f33b8a0b166c1abab566613d7c4dde453c2121a

src/assets/style/theme/theme.scss

@@ -1,10 +1,26 @@
-// 主题公用
+.layout-main-group {
-.layout-main {
   height: 100vh;
   width: 100vw;
   background-size: cover;
   background-position: center;
   position: relative;
+  .layout-main-mask {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    background-color: rgba(#000, .3);
+  }
+}
+
+// 主题公用
+.layout-main {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
   // [布局] 顶栏
   .el-header {
     padding: 0px;
@@ -168,7 +184,7 @@
 
 .theme-#{$theme-name} {
 
-  .layout-main {
+  .layout-main-group {
     background-color: $theme-bg-color;
     background-image: $theme-bg-image;
   }

src/components/core/d2-layout-main/index.vue

@@ -1,36 +1,39 @@
 <template>
-  <el-container class="layout-main">
+  <div class="layout-main-group">
-    <!-- 顶栏 -->
+    <div class="layout-main-mask"></div>
-    <el-header>
+    <el-container class="layout-main">
-      <div class="logo-group" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
+      <!-- 顶栏 -->
-        <img v-if="collapse" :src="`/static/image/theme/${themeName}/logo/icon-only.png`">
+      <el-header>
-        <img v-else :src="`/static/image/theme/${themeName}/logo/all.png`">
+        <div class="logo-group" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
-      </div>
+          <img v-if="collapse" :src="`/static/image/theme/${themeName}/logo/icon-only.png`">
-      <div class="toggle-aside-btn" @click="collapse = !collapse">
+          <img v-else :src="`/static/image/theme/${themeName}/logo/all.png`">
-        <d2-icon name="bars"/>
+        </div>
-      </div>
+        <div class="toggle-aside-btn" @click="collapse = !collapse">
-      <d2-layout-main-header-menu/>
+          <d2-icon name="bars"/>
-      <!-- 顶栏右侧 -->
+        </div>
-      <div class="d2-header-right">
+        <d2-layout-main-header-menu/>
-        <d2-layout-main-header-full-screen/>
+        <!-- 顶栏右侧 -->
-        <d2-layout-main-header-theme/>
+        <div class="d2-header-right">
-        <d2-layout-main-header-user/>
+          <d2-layout-main-header-full-screen/>
-      </div>
+          <d2-layout-main-header-theme/>
-    </el-header>
+          <d2-layout-main-header-user/>
-    <!-- 下面 主体 -->
+        </div>
-    <el-container>
+      </el-header>
-      <!-- 主体 侧边栏 -->
+      <!-- 下面 主体 -->
-      <el-aside ref="aside" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
+      <el-container>
-        <d2-layout-main-menu-side :collapse="collapse"/>
+        <!-- 主体 侧边栏 -->
-      </el-aside>
+        <el-aside ref="aside" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
-      <!-- 主体 -->
+          <d2-layout-main-menu-side :collapse="collapse"/>
-      <el-main>
+        </el-aside>
-        <transition name="fade-transverse">
+        <!-- 主体 -->
-          <router-view/>
+        <el-main>
-        </transition>
+          <transition name="fade-transverse">
-      </el-main>
+            <router-view/>
+          </transition>
+        </el-main>
+      </el-container>
     </el-container>
-  </el-container>
+  </div>
 </template>
 
 <script>