rengar-admin内置了两个布局（基础布局、空白布局），位于src/layouts下，布局使用方式位于src/App.vue中。

默认布局为BasicLayout，如果需要使用空白布局，请在路由配置将meta.layout字段设置为"blank"。

<template>
  <component :is="layoutComponent"></component>
</template>

<script setup lang="ts">
// 基础布局
import BasicLayout from "@/layouts/base/index.vue";

// 空白布局
import BlankLayout from "@/layouts/blank/index.vue";

const route = useRoute();
const layoutComponent = computed(() => {
  const layout = route.meta.layout;
  if (!layout || layout === "base") return BasicLayout;
  return BlankLayout;
});
</script>

你也可以自定义布局，只需要在src/layouts目录下创建一个布局文件，在App.vue中引入该布局组件，自行修改layoutComponent方法渲染布局，并设置meta.layout字段为该布局文件的名称即可。