style(layout/index.vue): 主体部分高度与头部固定兼容性问题

src/layout/components/Settings/index.vue

@@ -49,12 +49,12 @@
       </span>
     </div>
 
-    <!-- <div class="drawer-item">
+    <div class="drawer-item">
       <span>固定 Header</span>
       <span class="comp-style">
         <el-switch v-model="settingsStore.fixedHeader" class="drawer-switch" />
       </span>
-    </div> -->
+    </div>
 
     <div class="drawer-item">
       <span>显示 Logo</span>

src/layout/index.vue

@@ -100,6 +100,11 @@ function setLayout() {
   transition: width 0.28s;
 }
 
+// 开启头部固定以后，main的高度需要设置为100vh
+.fixed-header + .app-main{
+  min-height: 100vh;
+}
+
 .hideSidebar .fixed-header {
   width: calc(100% - 54px);
 }

src/settings.js

@@ -26,7 +26,7 @@ export default {
   /**
    * 是否固定头部
    */
-  fixedHeader: false,
+  fixedHeader: true,
 
   /**
    * 是否显示logo