u

code/email/Email-Vue/src/layouts/base-layout/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="layout">
+    <div class="layout-topbar">
+      <Topbar />
+    </div>
+    <div class="layout-content">
+      <router-view v-slot="{ Component, route }">
+        <keep-alive>
+          <component :is="Component" :key="route.name" v-if="route.meta.keepAlive"></component>
+        </keep-alive>
+        <component :is="Component" :key="route.name" v-if="!route.meta.keepAlive"></component>
+      </router-view>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Topbar from "../topbar/index.vue";
+</script>
+
+<style lang="scss" scoped>
+.layout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.layout-topbar {
+  height: 56px;
+}
+.layout-content {
+  flex: 1;
+  overflow: hidden;
+}
+</style>