COMPONENTS / 02

Components

组件
与状态

同一套样式在不同状态下的样子:正常、加载、空数据、错误。 以后接真实接口时,直接照这些状态对。

正常
就绪

数据已加载,可交互

加载中
…

骨架屏占位,避免布局跳动

状态清单
倒计时组件首页运行中
粒子文字首页已汇聚
烟花首页随机触发
侧边抽屉全站可用
音乐播放器全站Web Audio 合成
空状态
暂无数据

列表为空时保留卡片容器与标题,只把内容区换成这一行说明, 不要整块消失——否则页面会突然塌陷。

降级策略
无 WebGL首页隐藏画布保留 UI
无音频权限播放器静默,UI 照常
CDN 不可达3D 页静态内容仍可读

任何增强失败都不应该白屏:基础文字与布局永远先出来。