feat(projects): 四种基本布局完成

src/layouts/BasicLayout/components/common/GlobalLogo.vue

@@ -0,0 +1,17 @@
+<template>
+  <router-link to="/" class="nowrap-hidden flex-center h-64px">
+    <img src="@/assets/img/common/logo.png" alt="" class="w-32px h-32px" />
+    <h2 v-show="showTitle" class="pl-8px text-16px text-primary font-bold">{{ title }}</h2>
+  </router-link>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { useAppStore, useThemeStore } from '@/store';
+
+const app = useAppStore();
+const theme = useThemeStore();
+const showTitle = computed(() => !app.menu.collapsed && theme.navStyle.mode !== 'vertical-mix');
+const title = import.meta.env.VITE_APP_TITLE as string;
+</script>
+<style scoped></style>

src/layouts/BasicLayout/components/common/GlobalMenu.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>
+    <h3 class="text-center text-18px text-error">菜单</h3>
+  </div>
+</template>
+
+<script lang="ts" setup></script>
+<style scoped></style>

src/layouts/BasicLayout/components/common/index.ts

@@ -0,0 +1,4 @@
+import GlobalLogo from './GlobalLogo.vue';
+import GlobalMenu from './GlobalMenu.vue';
+
+export { GlobalLogo, GlobalMenu };