优化

2026-08-10 15:36:53 +08:00
parent 5d97c7517a
commit f6556c57b5
54 changed files with 4107 additions and 170 deletions
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+withDefaults(defineProps<{
+  as?: string
+  width?: 'full' | 'comfortable'
+  spacing?: 'compact' | 'normal' | 'relaxed'
+}>(), {
+  as: 'main',
+  width: 'full',
+  spacing: 'normal',
+})
+</script>
+
+<template>
+  <component :is="as" class="admin-page" :class="[`is-width-${width}`, `is-spacing-${spacing}`]">
+    <slot />
+  </component>
+</template>
+
+<style scoped>
+.admin-page { display: flex; min-width: 0; flex-direction: column; margin: 0 auto; }
+.admin-page.is-width-comfortable { width: min(100%, 1440px); }
+.admin-page.is-spacing-compact { gap: 12px; }
+.admin-page.is-spacing-normal { gap: 16px; }
+.admin-page.is-spacing-relaxed { gap: 20px; }
+</style>