打开搜索时其它区域半透明

Former-commit-id: 5e6390229024372d26a6faea0a9edda4a15a203e [formerly 5e6390229024372d26a6faea0a9edda4a15a203e [formerly 5e6390229024372d26a6faea0a9edda4a15a203e [formerly 5e6390229024372d26a6faea0a9edda4a15a203e [formerly 5e4d5754dcae71e37c3b356a8299003a0edbe7b2 [formerly 79e0116aa2c60a0a040600e206308e5956f331f9]]]]]
Former-commit-id: 16313139021ed04197c513aecca9ba021de0e7d6
Former-commit-id: d3fe2efff600923a51cb3046f1e337699f2c85b1
Former-commit-id: 536dcd5b9ca3b2524a17d8725e55dbaab7774daa [formerly 2ea65b88b060e3beb69c2866eb32b70fbaf2e8b8]
Former-commit-id: d1a27f395ffeb62c8ec10af9d722a57b180da319
Former-commit-id: d9bb8243f309751c8b1f530c3516000af8e33237
Former-commit-id: 3d2e185b75482d8eb39f62010b353759ce440fcf
Former-commit-id: 792481c56a8d433a8d3d7483e6b114c3c6e4b10d
Former-commit-id: 1100f65f7c9cfa2f646698439355d35905400a22

src/layout/header-aside/layout.vue

@@ -8,7 +8,12 @@
     <!-- 主体内容 -->
     <div class="d2-layout-header-aside-content" flex="dir:top">
       <!-- 顶栏 -->
-      <div class="d2-theme-header" flex-box="0">
+      <div
+        class="d2-theme-header"
+        :style="{
+          opacity: this.searchActive ? 0.3 : 1
+        }"
+        flex-box="0">
         <div class="logo-group" :style="{width: asideCollapse ? asideWidthCollapse : asideWidth}">
           <img v-if="asideCollapse" :src="`${$baseUrl}image/theme/${themeActiveSetting.name}/logo/icon-only.png`">
           <img v-else :src="`${$baseUrl}image/theme/${themeActiveSetting.name}/logo/all.png`">
@@ -34,7 +39,10 @@
           flex-box="0"
           ref="aside"
           class="d2-theme-container-aside"
-          :style="{width: asideCollapse ? asideWidthCollapse : asideWidth}">
+          :style="{
+            width: asideCollapse ? asideWidthCollapse : asideWidth,
+            opacity: this.searchActive ? 0.3 : 1
+          }">
           <d2-menu-side/>
         </div>
         <!-- 主体 -->