<template>
  <div class="default-layout overflow-auto h-full bg-white bg-[length:100%_auto] bg-no-repeat bg-left-top relative">
    <Header />
    <Menu />
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import Header from './components/header/index.vue';
import Menu from './components/menu/index.vue';


export default defineComponent({
  name: 'DefaultLayout',
  setup() {
    const showHeader = ref(true);
    const showFooter = ref(true);
    
    return {
      showHeader,
      showFooter
    };
  }
});
</script>

<style lang="scss" scoped>
.default-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  
  .layout-header {
    /* 头部样式 */
  }
  
  .layout-content {
    flex: 1;
    padding: 20px;
  }
  
  .layout-footer {
    /* 底部样式 */
  }
}
</style> 