feat: 添加simple、normal、full 等layout布局

src/layouts/full/header/index.vue

@@ -1,25 +1,18 @@
 <!--------------------------------
  - @Author: Ronnie Zhang
  - @LastEditor: Ronnie Zhang
- - @LastEditTime: 2023/12/05 21:23:23
+ - @LastEditTime: 2023/12/16 18:51:10
  - @Email: zclzone@outlook.com
  - Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  --------------------------------->
 
 <template>
   <AppCard class="flex items-center px-12" border-b="1px solid light_border dark:dark_border">
-    <div
-      class="f-c-c cursor-pointer rounded-4 p-6 text-22 transition-all-300 auto-bg-hover"
-      @click="appStore.switchCollapsed"
-    >
-      <i :class="appStore.collapsed ? 'i-line-md-menu-unfold-left' : 'i-line-md-menu-fold-left'" />
-    </div>
+    <MenuCollapse />
 
-    <AppTab class="w-0 flex-1 px-12" />
+    <BreadCrumb />
 
-    <span class="mx-6 opacity-20">|</span>
-
-    <div class="flex flex-shrink-0 items-center px-12 text-18">
+    <div class="ml-auto flex flex-shrink-0 items-center px-12 text-18">
       <i
         class="mr-16 cursor-pointer"
         :class="isDark ? 'i-fe:moon' : 'i-fe:sun'"
@@ -45,7 +38,7 @@
 </template>
 
 <script setup>
-import { AppTab, UserAvatar } from './components'
+import { MenuCollapse, UserAvatar, BreadCrumb } from '@/layouts/components'
 import { useAppStore } from '@/store'
 import { useDark, useToggle, useFullscreen } from '@vueuse/core'