diff --git a/docs/【交互设计】预览画布缩放滑杆-2026-09-05.md b/docs/【交互设计】预览画布缩放滑杆-2026-09-05.md new file mode 100644 index 000000000..0a449f5b4 --- /dev/null +++ b/docs/【交互设计】预览画布缩放滑杆-2026-09-05.md @@ -0,0 +1,18 @@ +# 预览画布缩放滑杆 + +## 交付目标 + +将 UI 编辑器预览区现有的缩放按钮替换为桌面端可拖动滑杆,同时保留快速缩小、放大和适配画布操作。 + +## 交互约定 + +- 缩放范围为 25%–200%,步进 5%。 +- 滑杆位于预览区右下角固定工具栏;不提供移动端或窄窗口 fallback。 +- 保留 `−` 与 `+` 按钮。点击轨道可跳转,拖动滑块实时更新画布和百分比。 +- 缩放以视口中心为中心,继续支持 Ctrl/Cmd + 滚轮缩放。 +- 滑杆支持方向键、Home、End;百分比文本可点击编辑并在失焦时限制到有效范围。 +- 不增加 `0`/`1` 快捷键,不新增专门测试。 + +## 验收 + +桌面端可通过按钮、轨道点击、拖动和键盘改变缩放;百分比与画布同步,边界不会越界;运行前端定向类型检查、编码检查和 `git diff --check`。