场景成品页

用 Aham UI 组件拼成的完整页型。AI 可直接照此结构产出界面。交互由 aham-ui.js 驱动(排序/全选/页签/折叠/树/浮层)。

1 · 列表页(三栏 shell + 工具栏 + 数据表 + 分页)
资料库
本周
名称 类型 时长 状态
周会纪要会议42:18已完成
客户访谈调研28:05转写中
产品评审会议35:40待处理
2 · 详情页(面包屑 + 页签 + 键值详情)
资料库/会议/周会纪要
周会纪要
概要
转写
说话人
日期
2026-06-19
时长
00:42:18
参与
4 人
状态
已完成
3 · 设置页(类目导航 + 字段行)
通用
默认导出格式
4 · 仪表盘(KPI 网格 + 图表 + 列表)
本周转写18+4
总时长12.4h本周
纪要15已生成
待处理3队列
每日转写量
最近
10:24
周会纪要 已完成
09:10
客户访谈 开始转写
昨天
产品评审 已归档
5 · 登录页(居中卡片 + 单一主操作)
登录 Aham
把灵光一现,做成能用的 AI 工具
邮箱
密码
6 · 三态(空 / 加载 / 错误)
·
还没有记录
!
加载失败
网络异常,请重试
7 · 对话 / AI(消息流 + 输入,发送是唯一蓝)
帮我把这段会议转成纪要
好的,已生成纪要:本周完成转写引擎离线化…

— 全部用 aham-ui.css 的 class 拼成,无额外样式覆盖(除“屏幕外框”演示用)。这就是 AI 拿到规范后应当产出的界面长相。