24 lines
731 B
Vue
24 lines
731 B
Vue
<template>
|
||
<div class="layout-default flex h-screen w-full">
|
||
<!-- shrink-0：避免主内容区（宽表格/图表）把侧栏压缩到折叠宽度 -->
|
||
<div class="app-aside shrink-0">
|
||
<layout-sidebar />
|
||
</div>
|
||
|
||
<div class="flex-1 flex flex-col min-w-0">
|
||
<div class="app-header">
|
||
<layout-header />
|
||
</div>
|
||
<div class="app-main flex-1 min-h-0">
|
||
<layout-main />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import LayoutHeader from './components/header/index.vue'
|
||
import LayoutMain from './components/main.vue'
|
||
import LayoutSidebar from './components/sidebar/index.vue'
|
||
</script>
|