列表加载的 1.5 秒里,六张骨架卡片是浅灰底,在暗色页面上像六块亮斑,加载完才变暗。碰到这种情况,我一般先确认改动有没有真的生效。

原因不复杂,骨架屏颜色写死成浅灰,没有走主题变量。动画用的渐变也是固定色值,暗色下反差被放大。

「骨架屏暗色」这类改动最怕改一半,回滚脚本先准备好,再动生产。报错里带路径的,先去看那个路径在不在、权限对不对。

:root { --sk: #eee; --sk-shine: #f7f7f7; }
[data-theme='dark'] { --sk: #2a323c; --sk-shine: #333c48; }
.skeleton { background: var(--sk); }

同一份配置存在多处的,先确认改的是被加载的那一份。新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。

备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。

具体做法是,骨架底色和流光色都改成变量;暗色下把底色压到比卡片低一档;限速网络下刷新 观察加载全过程是否还有亮斑。

最后用这个标准收尾,暗色下骨架屏与背景同层次,加载过程不再闪白。

作者 9823189