所有小样都在这里
每个功能都走这五步
- 写需求：这部分要什么、属于哪条规则。
- 出 2–3 个版本：放进「试验」。
- 你来试：手机、iPad、电脑都打开这个网址，试完选一个。
- 进设计系统：选中的那个搬进「设计系统」，规则写回需求文档。
- 整合进工作台：只用设计系统里的东西拼，不重写、不打补丁。
正在试的和存档
每个问题出 2–3 个版本，你试完选一个。
- 框住内边距 · 第 12 版 存档一个情况一个情况补出来的版本，已被「框的底层逻辑」取代。
- 画布和面板联动 存档画布直觉操作，右边面板参考 Figma 的盒模型，实时同步。
- 前面最近的边 存档拖动时只提示前面最近、会挡住你的那一条边。后来成为第 6 环。
- 两层边重合 · 三种 存档结论：看拉的方向，往外拉动外层，往里拉动里层。
- 外层管里层 存档里面的框出不了外面；往外拉碰到外层就停。
- 外层管里层 · 四种显示 存档同一规则的四种显示方式。
- 出血 · 三种 存档内容贴到框边时的三种显示。
- 嵌套 · 第一轮 存档框套框时层级怎么显示的四种做法。
- 嵌套 · 第二轮 存档第一轮之后的收窄。
- 嵌套 · 第四轮 存档叠线时按拉的方向决定动哪一层。
确认过的规则
选定的版本住在这里。工作台只用这里的东西拼。
- 框的底层逻辑
当前基准 · 两处待定一切都是框，七环一环推一环。上方两个开关是还没定的地方。
七环规则
- 结构：一切都是框，一层套一层。每个框只有一个父级。
- 焦点：你指着的那个框；往里指一层，焦点往下走一层。
- 角色是相对的：父级实线，焦点和同级虚线。焦点一换，角色跟着换。
- 关系只有一种：边到边。到父级的边，或到同级的边。
- 动作只有一种：让边往前走。
- 限制只有一条：碰到对面最近的边就停。
- 显示只有一张图：父级实线框 + 子级虚线框 + 两条亮的边 + 一个数字。
正式版
改流程前做的。等设计系统确认后用它重新整合，不在这上面修补。