feat(projects): 添加侧边菜单

src/layouts/common/GlobalContent/index.vue

@@ -1,14 +1,28 @@
 <template>
-  <router-view v-slot="{ Component }">
-    <transition name="fade-slide" mode="out-in" appear>
-      <component :is="Component" v-if="app.reloadFlag" />
-    </transition>
-  </router-view>
+  <div
+    :class="{ 'p-16px': showPadding }"
+    class="h-full bg-[#f6f9f8] dark:bg-[#101014] transition duration-300 ease-in-out"
+  >
+    <router-view v-slot="{ Component }">
+      <transition name="fade-slide" mode="out-in" appear>
+        <component :is="Component" v-if="app.reloadFlag" />
+      </transition>
+    </router-view>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { useAppStore } from '@/store';
 
+interface Props {
+  /** 显示padding */
+  showPadding?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  showPadding: true
+});
+
 const app = useAppStore();
 </script>
 <style scoped></style>