<template>
<!--  <div class="wrapper">-->
    <el-container style="height: 100vh">
      <el-header height="50px" style="padding: 0;" class="fixed-header">
        <AdminHeader/>
      </el-header>

      <el-container style="margin-top: 50px">
        <el-aside style="width: fit-content">
          <AdminASide/>
        </el-aside>
        <el-main style="background-color: white">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
<!--  </div>-->
</template>

<script lang="ts" setup>

import AdminHeader from "@/layout/AdminLayout/AdminHeader.vue";
import AdminASide from "@/layout/AdminLayout/AdminASide.vue";
</script>

<script lang="ts">
export default {
  name: "AdminLayout"
}
</script>

<style scoped>
.wrapper {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.fixed-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000; /* 确保 header 在内容之上 */
  padding: 0;
  height: 40px;
}
</style>