HomeDash Bot
26a0b15014
perf(web)+fix(admin): 撤掉卡片层模糊、补隐藏动画、后台窄屏适配、收边两段式
1) 卡顿:撤掉"重复且参与动画"的卡片层 backdrop-filter
实测首页 37 个元素带模糊(24 张卡片 + 6 个分组容器 + 顶栏 + 悬浮件)。
模糊要对背景逐帧重采样,而卡片又参与逐张淡入与悬停位移,叠加就是卡顿。
现在只保留分组容器的玻璃感与悬浮件(搜索栏因宽/圆角/内边距一直在变也去掉)。
实测:/ 从 37 → 12,/minimal 从 15 → 4。
注意:选择器必须写成 html[data-theme] body a.item —— 主题的 customCss 由
Dashy 运行时注入,同权重 + 同为 !important 时靠文档顺序决胜,写在 navi.css
里的规则会输,必须提高特异性。
2) 隐藏/出现补动画
≤380px 让位隐藏按钮组:加上 opacity+位移过渡,并把 visibility 延迟到淡出
结束再切(否则瞬间消失、看不到过渡)。弹层关闭先加 .closing 淡出再摘节点。
降动效模式下不再用 transform:none 抹掉"收边"的位移,避免隐藏失效。
3) 工作空间收边改为"第一次交互只滑出"
收起态点一下只滑出、不触发(否则贴边的按钮会被直接点中,比如想看搜索框
结果把管理后台打开了);第二次点击才生效。判据是"元素是否真的露在视口内",
所以鼠标悬停已展开时一次点击即生效。6 秒无操作或 Esc 自动收回。
4) 后台窄屏:分组行原本是内联 flex + 固定 max-width,窄屏既不能换行也不能
收缩,输入框顶破卡片。改用类 + ≤560px 适配(竖排、整行占满、按钮右对齐、
字号 16px 防 iOS 聚焦缩放)。实测 390px:scrollWidth == innerWidth、
零横向溢出。
2026-09-11 20:13:44 +08:00
..
2026-09-11 11:49:31 +08:00
2026-09-11 20:13:44 +08:00
2026-09-11 20:13:44 +08:00
2026-09-11 16:25:26 +08:00