控件总览 · 标博士 UI demo

01

按钮

规范 §7.1 · §8.3

类型 × 状态

	默认	悬停	按下	键盘聚焦	禁用	加载中
主按钮
次按钮
文字按钮						（不用）

一屏只有一个主按钮。没有红色的危险按钮：删除用次按钮 + 确认对话框。
加载中把文字换成「正在…」，两段文字叠在同一格里，按较宽的定宽，切换时按钮不跳动；不加转圈图标。
主按钮悬停变浅 8%（用 color-mix 计算，不新增颜色变量）；按下回到墨色并加一道内阴影。

尺寸

28：表格行内 · 32：默认 · 40：登录页、空状态

带图标 · 只有图标

图标必须和文字一起出现；只有图标时要有 aria-label 和悬停提示。

会扣点的按钮可以点

扣 1 次检查 · 剩 12 次

24 小时内复查，不扣额度

剩 0 次 · 按钮仍可点

02

输入框与文本域

规范 §7.13

默认（占位符用辅助灰）

项目名称（必填）

悬停

项目编号

聚焦（2px 墨色焦点环 + 2px 间隙）

项目编号

已填写

采购人

错误（赭色，不用红）

联系人手机!手机号应为 11 位数字

禁用

法律体系

只读（系统识别结果，可复制）

文件页数

带说明文字

投标有效期

天

从投标截止日起算，招标文件第 21 页

文本域 · 字数可以输入

忽略原因（必填，至少 5 个字）

报告和处理记录里会显示这段原因。0 / 200

搜索框

/

搜索框的放大镜只做辅助，占位符写清楚能搜什么。
输入框高 32，左右内边距 10；数值输入用 Barlow 等宽数字。

03

下拉选择

AR10 · Reka UI Select 打底

未选择

采购方式（必填）

已选择 · 可以点

采购方式

展开（浮层：4px 圆角 + 阴影）

所投的包

错误

资质类型（必填）

!请选择资质类型，查标时按类型核对

禁用

法律体系

由招标文件识别，在项目设置里修改

表格行内（28 高）

键盘：↑ ↓ 移动、Enter 选中、Esc 收起。选中项加粗并在右侧打 ✓（形状 + 字重，不只靠颜色）。
不可选的项用禁用灰，并在右侧写原因。

04

日期选择

规范 §9.3 · AR10

收起 · 可以点

投标截止（必填）

以补遗 1 的更正为准 · 剩 17 天

证书有效期至

发证日期

!发证日期晚于有效期，请核对证书

展开

一周从周一开始；数字用 Barlow 等宽。
今天：控件灰描边；选中：墨底白字；关键日期：下方小圆点。

有不可选的日期

不可选的日期加删除线（不只靠变灰）。
界面显示「11月20日 09:30」，输入框里用「2026-11-20」便于核对和粘贴。

05

复选 · 单选 · 开关

规范 §8.2 批量勾选

06

级别标签 · 状态标签 · AI 标识 · 署名

规范 §3.3 · §7.2 · §7.5 · §7.16

问题级别（实心 / 描边 / 无框）

致命重要提示计数致命3重要3提示3

参数判断疑似不满足疑似不满足满足需人工判断未找到响应

项目状态 · 就绪 · 复查标记

跟进中编制中已检查已递交已归档

未就绪就绪新增沿用本次已解决

清单状态草稿 v3已确认 v2✓王敏11月2日 15:12确认

分类资格条件无效条款技术参数采购包 1通用

AI 产出 → 人工确认（颜色说明谁说的）

AI 摘要AI 初稿AI 提取人工添加补遗 1已修改 · 查看记录

AI 产出：蓝铅笔标签 + 左侧虚线

AI 摘要未确认预算 418.00 万元，分 2 个采购包；采购包 1 最高限价 286.00 万元。招标文件 · 第 2 页

人工确认后：墨色正文 + 实线 + 绿色署名

预算 418.00 万元，分 2 个采购包；采购包 1 最高限价 286.00 万元。招标文件 · 第 2 页

✓王敏11月2日 14:20确认无误

问题处理后的署名行

✓王敏11月2日 14:20已修改撤销

–王敏11月2日 14:26已忽略：招标文件允许撤销

07

出处

规范 §7.3 · 最重要的组件

招标原文 → 投标原文

招标文件 · 第 41 页★ 2U机架式服务器，CPU：配置≥2颗海光架构32C 2.7GHz，内存: ≥512G DDR4，系统盘: 2块≥480G SSD……

技术册 · 第 12 页第 12 行　内存：256G DDR4　无偏离

页码用 Barlow；原句照录，不加空格、不改标点。

「未找到」也是出处

招标文件 · 第 44 页★ 支持硬件BFD，最小报文发送间隔≤50ms，提供相关证明材料（包含但不限于产品官网公开参数截图证明等）。

投标文件 · 未找到

证明材料未找到 · 已查找：技术册（全部章节）、商务册（附件）

竖线改虚线，写明找过哪些分册、哪些章节。

OCR · 截断 · 当前选中

商务册 · 第 3 页OCR投标人（电子签章）：南京某信息技术有限公司　　日期：2026年11月25日

招标文件 · 第 23 页2.财务状况报告，至少提供：（1）本项目开标时间前6个月内任一时间截点的资产负债表的扫描件1份；（2）本项目开标时间前6个月内任何1月（不含开标当月）利润表月报表的扫描件1份。3.本项目开标时间前6个月内任何1月的依法缴纳税收和社会保障资金的相关材料的扫描件。

选中的出处竖线加粗到 4px。超过 3 行截断，「展开原文」看全句。

08

提醒（页内 Alert）

规范 §7.12 · §7.15

i

清单未确认，检查结果以当前清单为准。

!

本期检查额度已用 80%。剩 4 次，额度用完后续费或下期发放后可继续。

查看额度

!

投标截止还剩 2 天 5 小时。还有 3 项致命问题待处理。

截止临近用赭色，不用红色；只提醒，不拦截。

!

解析失败：文件已加密。已退回 1 次解析额度。请上传未加密的版本。

关于 ZC-2026-0418 的更正公告.pdf

i

出了点问题，请稍后重试。本次操作未扣额度。

错误编号 E-20261103-7Q4K · 联系客服时请提供

✓

报告已导出：智慧大厅建设项目-辅助检查报告-第 2 次.pdf

提醒放在相关内容上方，不自动消失。系统错误不用红色，用中性提醒 + 错误编号。

09

轻提示（Toast）

规范 §7.12

样式

✓清单 v3 已确认

✓已标记「已修改」 · 复查时会再查

已复制错误编号

触发可以点

只用于操作结果；4 秒后消失，鼠标悬停时暂停计时。
可撤销的操作在轻提示里给「撤销」；失败不用轻提示，用页内提醒说清原因。
多条从下往上堆叠，屏幕阅读器会播报。

10

对话框

规范 §7.14 · 只用于不可撤销的操作

打开真实对话框可以点

宽 480（确认）/ 640（表单），圆角 4。
标题写要做的事，正文写后果；主操作在右，按钮写动作「删除项目」，不写「确定」。
删除没有红色：靠输入项目名确认。Esc 关闭，焦点回到触发按钮。

11

标签页 · 分段控件 · 分页

规范 §5.3

标签页可以点，← → 切换

项目要点、关键日期、文件和检查记录。

分段控件（筛选）可以点

分页可以点

当前页用墨色描边 + 加粗（不填色，避免和主按钮抢）。每页条数固定 20 / 50，不做无限滚动，方便「第几页第几条」沟通。

12

空状态 · 骨架屏 · 进度

规范 §7.10 · §7.11 · §7.15

空状态

还没有招标文件

上传后，标博士会逐条提取要求，每条都附原文出处。

扣 1 次解析 · 剩 37 次

骨架屏（加载清单）

不用转圈占满屏。骨架做缓慢的明暗变化（1.6 秒），系统开了「减少动态效果」时静止。

分阶段进度

✓识别文件格式
✓提取文字186 页
✓识别分包2 个包
提取清单62%
核对出处

62%

可以离开本页，完成后会发站内通知。

检查剩余 · 正常12/ 20 次

已用 8 次

检查剩余 · 已用 80%4/ 20 次

已用 80%，剩 4 次

检查剩余 · 已用完0/ 20 次

本期检查额度已用完，续费或下期发放后可继续

13

提示气泡 · 下拉菜单 · 快捷键

规范 §6 · §8.2

提示气泡

就绪

处理三按钮的悬停提示写清含义（§7.4）。墨底白字，4px 圆角。

下拉菜单（行内更多操作）可以点

快捷键

J / K	下一条 / 上一条
O · Enter	打开当前出处
1 2 3	确认无误 / 已修改 / 忽略
U	撤销当前条
?	快捷键说明

在「④ 列表与表格」和「⑥ 读标」页可以实际用 J / K。

① 控件总览

按钮