样板页

企盟家共用界面库 · 版本 0.1.0。这里摆出每一种零件实际的样子。各系统做页面时照这里的写法,不自己另做。

颜色

主色
按钮、当前栏目、链接、标题
金色
只做点缀,或放在主色底上
文字
次要文字
页面底色
成功
警告
危险
提示

金色的用法。可以:金色字放在深蓝底上

不可以:金色的字直接放在白底上(这一句就是例子,看不清)

字

页面标题 24:员工账号

区块标题 20:可以使用的系统

正文(电脑 14,手机 16):共 12 人,其中 3 位管理层。更新到 2026-11-15 14:30。

辅助说明 12:每改一项都会马上保存

粗细只有两种:正文 400,标题和强调 600。

间距和圆角

间距只用七个数。

481216243248

圆角只用四个数:标签 4、按钮和输入框 6、卡片 8、弹窗 12。阴影只给浮起来的东西。

按钮

一个页面只有一个主按钮。按钮上写「动词 + 对象」。

不配字也认得的图标(只有这六个)

其它图标一律配文字:

表单

标题在输入框上面。离开那一格才检查。整张表单用一个「保存」按钮;保存后页面不动。

这个号码太短了。请输入完整的手机号,例如 012 345 6789

不确定可以先空着,之后再补

页面里的消息

出错一律显示在页面里,说清楚发生了什么、接下来怎么做。

邀请没有发出去WhatsApp 发送的号码现在离线。可以复制链接,用自己的 WhatsApp 发给对方。
有 6 位在职同事还没有手机号他们暂时不能登录。请到 HR 的资料库补上。
已经开启两步登录下次登录时要输入验证器的六位数。
资料的正本在 HR 的资料库这里只读取,不会改动。

状态标签

永远是「颜色 + 文字」。

已注册已邀请,还没注册已停用审批中一般员工Owner

表格

要比较数字时用。数字靠右。把窗口拉窄或用手机看:每一行会变成一小块。

做了什么系统自己AI最近一次
审片通过剪辑工作台1202026-11-14
回复私信统一收件箱481,2032026-11-15
提交请假HR 系统202026-11-03

列表

一行一行的人或事用列表,不用一张张卡片。

数字方块

每个数字都写明时间范围,都要能点进去看明细。

选择和切换

没有东西、等待

这段时间还没有记录换一个时间范围看看,或者等有新的工作进来。
超过 1 秒才显示

弹窗和小提示

不能反悔的操作才弹窗确认。标题写清楚是哪一个,按钮写清楚会发生什么。

删除陈小明的账号?

删除后不能恢复。离职的同事建议用「停用」,以后还可以重新启用。

这一页用的样式文件:/v0/ui.css(大版本里最新的一版)。固定的这一版:/v0.1.0/ui.css