补充预览画布缩放滑杆交互文档

新增桌面端缩放滑杆交互约定

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