fix(w05): 互换动画提到与卡同级 —— 三列网格中间留实体动画道,卡片相应收窄

2026-08-31 用户:「不要把这个动画做到背景板上,会被卡片覆盖;和卡片做到一级,
可以压缩一点卡片的大小」—— 上一稿的对向穿行点走在卡后,只在缝里闪现,基本看不见。
.dossiers 改三列网格(minmax(0,1fr) 76px minmax(0,1fr)):卡片各占左右列自然收窄,
中间 76px 是**谁也盖不住的实体动画道** —— ⇄ 徽居中轻呼吸,两枚信号点绕徽轨道对转
(此上彼下绕圈 = 两颗料换位),底下的虚线总线在道里露出来把两张卡接起来。
窄屏(<620px)卡片竖排,动画道随之收起。浏览器两帧相位实证在转;
105 包内 + 2531 全仓;2.12.1 装库核过(orbit/lane)。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LKMZDwMbyKzjw6Hembwvet
This commit is contained in:
xcs
2026-08-31 17:53:31 +08:00
co-authored by Claude Fable 5
parent 1de4ab9862
commit 68faeb4f50
4 changed files with 26 additions and 18 deletions
@@ -628,12 +628,13 @@ describe('件① 评估输入补全', () => {
expect(html).toContain('.dossier:has(.pback.on) .flip-in{transform:rotateY(180deg)}');
/* 悬浮提示丸:看得出点击可翻 */
expect(html).toContain('点击翻面');
/* 两卡之间的「可替换」动画:对向双信号点 + 中央 ⇄ 徽(2026-08-31 用户定) */
/* 「可替换」动画与卡同级(2026-08-31 第二稿:不做背景板 —— 会被卡盖住):
三列网格中间留实体动画道,⇄ 徽 + 双点轨道对转 */
expect(html).toContain('class="swapfx"');
expect(html).toContain('class="sw-dot sw-ltr"');
expect(html).toContain('class="sw-dot sw-rtl"');
expect(html).toContain('@keyframes swltr');
expect(html).toContain('@keyframes swrtl');
expect(html).toContain('class="sw-orbit"');
expect(html).toContain('@keyframes sworbit');
expect(html).toContain('grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)');
expect(html).toContain('.dossiers > .dossier:nth-of-type(even){grid-column:3}');
});
it('整件零表格(2026-08-31 用户:「这个界面都不再需要表格来展示数据了」;抽屉连表带功能一并退役)', () => {