refactor(canvas): 画布卡片 - 统一卡片层级与交互动效
This commit is contained in:
@@ -120,9 +120,10 @@
|
||||
- **AntD Modal 规则:当前版本使用 `.ant-modal-container` 作为实际内容外壳,默认内容 padding 在该元素上;不得凭旧版本经验只写 `.ant-modal-content`。** 优先使用 `styles={{ container: ... , body: ... }}` 和组件级 class;新增覆盖前必须检查实际渲染结构。
|
||||
- AntD 第三方覆盖必须限定到具体页面/组件 class,不得用全局 `.ant-modal-*` 改变所有页面;覆盖应集中且唯一,禁止多个末尾 override 互相打架。
|
||||
- UI 图标优先使用 `lucide-react` 或项目已有 Ant Design 图标;页面文案使用中文。页面身份图标统一使用 `WorkspaceSignalIcon`,导航和操作图标统一使用 `lucide-react`。
|
||||
- 页面级分类导航至少 44px 高,并提供“图标 + 明确文字”入口和一致选中态;重要设置不能只藏在无文字图标中。
|
||||
- 页面级分类导航至少 44px 高,并提供”图标 + 明确文字”入口和一致选中态;重要设置不能只藏在无文字图标中。
|
||||
- 可编辑的工作区、画布和对象名称常显铅笔图标并支持单击编辑;双击和右键只能作为快捷方式,不能作为唯一发现路径。
|
||||
- 不把页面大段说明文字当作“如何使用”的常驻教程;通过明确控件、空态、反馈和可发现的图标+文字表达功能。
|
||||
- 不把页面大段说明文字当作”如何使用”的常驻教程;通过明确控件、空态、反馈和可发现的图标+文字表达功能。
|
||||
- **卡片、列表、交互动效遵循 [UI 设计系统规范](docs/ui-design-system.md)**:统一卡片表面色、边框、投影、hover状态(240ms/translateY -4px)、双主题均衡策略。改造卡片前必须先读该规范,确保新增样式符合设计token体系。
|
||||
|
||||
### 6.2 空间、响应式和动效
|
||||
|
||||
|
||||
Reference in New Issue
Block a user