refactor: 右栏拆成属性区与工具面板两层

改成 Figma 布局后旧的四个面板没有挂载点,功能在界面上不可达。
右栏上半给选中对象的属性,下半给背景/滤镜/文字/导出,
两条开发线各占一个文件,互不重叠。
This commit is contained in:
Jz0ojiang
2026-09-05 02:19:40 +08:00
parent 8934f374bb
commit 0c0cc86fa8
3 changed files with 53 additions and 4 deletions
-3
View File
@@ -25,9 +25,6 @@
<style scoped>
.inspector {
border-left: 1px solid var(--line);
background: var(--bg2);
overflow-y: auto;
padding: 10px 0;
}
.inspector h2 {
+30
View File
@@ -0,0 +1,30 @@
<script setup lang="ts">
/**
* 【T10 待实现 — 工具面板的重新安置】
*
* 旧版把所有东西塞在一个右侧栏里。改成 Figma 式布局之后,那四个面板
* (背景 / 滤镜 / 文字 / 导出与模板)需要重新安置,它们的功能都还在,
* 只是现在没有任何地方挂载它们——**改造之后这些功能在界面上不可达**,
* 这条线就是来补上的。
*
* 现有实现在 `components/panels/`:SourcePanel / FilterPanel / TextPanel /
* ExportPanel / CanvasPanel。逻辑是好的,验收过,**不要重写**,只搬和收。
*/
</script>
<template>
<div class="tool-panels">
<p class="todo">T10 待实现:背景 / 滤镜 / 文字 / 导出与模板</p>
</div>
</template>
<style scoped>
.tool-panels {
padding: 10px 0;
}
.todo {
color: var(--fg-dim);
margin: 0 12px;
line-height: 1.6;
}
</style>