style: 抽屉+弹层全局样式调整

src/pages/Layout/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="mj-layout">
+    <el-container>
+      <el-aside :width> 左侧菜单模块 </el-aside>
+      <el-container>
+        <el-header>头部模块</el-header>
+        <el-main>
+          内容区域模块
+        </el-main>
+      </el-container>
+    </el-container>
+  </div>
+</template>
+<script setup lang="ts">
+defineOptions({
+  name: "Layout",
+});
+const isCollapse = ref(false);
+const width = computed(() => {
+  return isCollapse.value ? "60px" : "240px";
+});
+</script>
+<style lang="scss" scoped>
+.mj-layout {
+  height: inherit;
+  :deep(.el-container) {
+    height: inherit;
+  }
+
+  :deep(.el-main) {
+    background-color: #f8fafc;
+  }
+}
+</style>