示范目录 Examples

页面骨架 page-shell页面三层结构(页眉/工具/内容)+「网页轨 vs 应用轨」对比 + 密度档。§8.0–8.4 搜索与筛选工具栏三段式 · 搜索框落 trailing · 筛选 chips · 结果计数不置底。§8.5 状态布局空状态(给下一步) · 加载骨架(占位=终尺寸) · 内联通知 · 错误整页态。§8.7 预览模式 PreviewQuick Look 式:空格预览 ≠ 双击打开 · 翻页 · 缩放 · inspector 元数据。§8.9

场景成品页列表页 / 详情页 / 设置页,组件+组合拼成。 组合规则同心圆角 / 左缘对齐 / 动作主次 / 间距贯穿。 数据可视化柱/线/环/KPI:灰阶序列 + 一个蓝高亮,细轴线。

动作 Actions按钮 / 按钮组 / 菜单 / 工具栏 全变体。 录入 Inputs输入 / 选择 / 开关 / 滑块 / 上传 全状态。 导航 Navigation导航栏 / 侧栏 / 面包屑 / 搜索 / 命令面板。 数据展示 Data表格 / 卡片 / 指标 / 键值 / 时间线。 反馈与可视化警示 / 进度 / 骨架 / 状态点 / 图表。 浮层 Overlays模态 / 抽屉 / 气泡 / 工具提示 / 遮罩。 v5.0 新增组合框 / 路径栏 / 拖放区 / 空状态。