Cards / 03
骨架屏 · 空状态
三类等待反馈：骨架屏在数据到达前占住版面，避免布局跳动；空状态用一句解释加一个动作把用户带出去；加载动画用于按钮、进度条这类局部等待。
骨架屏 4 种
.sk / .sk-line / .sk-circle① 文本段落骨架
② 卡片骨架
③ 列表行骨架
④ 头像行骨架
空状态 4 种
.empty / .empty-ic① 无数据 · 引导创建
还没有创建任何项目
项目是页面、组件与令牌的容器。创建第一个项目后即可开始搭建，也可以先从模板库复制一份。
② 无结果 · 修正条件
没有匹配「悬浮卡」的组件
试试更短的关键词，或清空筛选条件重新查找。当前筛选：分类＝卡片，状态＝已发布，标签＝动效。
③ 无收藏 · 引导浏览
收藏夹还是空的
在任意组件卡片上点星标即可收藏，收藏的组件会固定出现在侧边栏顶部，方便随时取用。
④ 无消息 · 订阅通知
暂时没有新消息
构建完成、评审邀请与版本发布都会在这里提醒。开启浏览器通知后，即使不打开页面也能收到。
加载动画 · 进度
.spin / .loadbar / [data-load]spin 三种尺寸
.spin.sm · 12px，用于标签、徽章等极小空间
.spin · 15px，用于行内提示与表格加载
.spin.lg · 24px，用于内容区与卡片占位
按钮内使用 data-load 后，点击即在文字左侧插入与按钮等色的旋转指示器，2 秒后自动恢复。
loadbar 与整体加载
上传素材包68%
loadbar · 不定长滑动进度（用于时长未知的任务）
loadbar · 细线版
正在同步 128 个组件的设计令牌…
同一列表的三种状态
加载中 → 有数据 → 空加载中
请求中
有数据
已同步
首页 · 电商模块
12 个模块 · 08-24 更新
商品详情页
9 个模块 · 08-22 更新
会员中心
7 个模块 · 08-19 更新
空
无记录
该分组下还没有页面
把页面拖到这里即可归入「移动端」分组，或直接新建一个页面。