前端代码

2026-08-13 22:35:13 +08:00
parent 9044bafdff
commit f1a0b17bb0
412 changed files with 36769 additions and 6617 deletions
@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <normal-mode v-if="effectiveMode === 'normal'" />
+    <head-mode v-if="effectiveMode === 'head'" />
+    <combination-mode
+      v-if="effectiveMode === 'combination'"
+      :mode="mode"
+    />
+    <sidebar-mode v-if="effectiveMode === 'sidebar'" />
+    <vertical-mode v-if="effectiveMode === 'vertical'" />
+  </div>
+</template>
+
+<script setup>
+  import NormalMode from './normalMode.vue'
+  import HeadMode from './headMode.vue'
+  import CombinationMode from './combinationMode.vue'
+  import SidebarMode from './sidebarMode.vue'
+  import VerticalMode from './verticalMode.vue'
+  import { useLayoutMode } from '@/hooks/useLayoutMode'
+
+  defineOptions({
+    name: 'KraAside'
+  })
+
+  defineProps({
+    mode: {
+      type: String,
+      default: 'normal'
+    }
+  })
+
+  const { effectiveMode } = useLayoutMode()
+</script>