refactor: 使用 Naive UI 重构后台布局与黑白双主题

2026-09-01 16:31:21 +08:00
parent 55516537bf
commit db8c176b55
51 changed files with 3277 additions and 2442 deletions
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { NScrollbar } from 'naive-ui'
+/** 工作区固定标题和操作区；仅内容容器滚动，不向 document 传播滚动。 */
+defineProps<{ split?: boolean }>()
+</script>
+<template>
+    <section class="workspace-page">
+        <header v-if="$slots.header" class="workspace-heading"><slot name="header" /></header>
+        <div v-if="split" class="workspace-split"><slot /></div>
+        <NScrollbar v-else class="workspace-scroll" content-class="workspace-scroll-content"><slot /></NScrollbar>
+    </section>
+</template>