init

src/layouts/default/index.vue

@@ -0,0 +1,41 @@
+<!--------------------------------
+ - @Author: Ronnie Zhang
+ - @LastEditor: Ronnie Zhang
+ - @LastEditTime: 2023/12/05 21:24:19
+ - @Email: zclzone@outlook.com
+ - Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
+ --------------------------------->
+
+<template>
+  <div class="wh-full flex">
+    <aside
+      class="flex-col flex-shrink-0 transition-width-300"
+      :class="appStore.collapsed ? 'w-64' : 'w-220'"
+      border-r="1px solid light_border dark:dark_border"
+    >
+      <SideBar />
+    </aside>
+
+    <article class="w-0 flex-col flex-1">
+      <AppHeader :class="`h-${header.height}`" class="flex-shrink-0" />
+      <slot />
+    </article>
+  </div>
+</template>
+
+<script setup>
+import { useAppStore } from '@/store'
+import SideBar from './sidebar/index.vue'
+import AppHeader from './header/index.vue'
+
+import settings from '@/settings'
+const { header } = settings
+
+const appStore = useAppStore()
+</script>
+
+<style>
+.collapsed {
+  width: 64px;
+}
+</style>