# @eciol/layout

用于存放公共布局组件

## Usage

```vue
<script lang="ts" setup>
  import { VbenLayout } from '@eciol/layout';

  defineOptions({
    name: 'DefaultLayout',
  });
</script>

<template>
  <VbenLayout>
    <template #topMenu>
      <div class="flex-1">自定义顶部菜单区域</div>
    </template>
    <template #userDropDown> 自定义用户下拉操作 </template>
    <template #footer> 自定义footer </template>
  </VbenLayout>
</template>
```

## Export

```ts
/**
 * @description 公共布局组件
 */
export {
  VbenLayout, // 项目默认布局
  Iframe, // Iframe布局
  LayoutLockPage, // 系统锁定页面布局
  PageLayout, // 页面布局
};
```