功能
Gmail风格的响应式设计,具有移动底部导航、自动折叠面板、骨架加载器和吐司通知。可以通过手机查看候选人。
第一印象
Gmail风格的 加载
当应用初始化时,您会看到Curriculo的logo和下面平滑的进度条。没有空白白屏,也没有无休止旋转的加载器。加载状态感觉精致且用心。
Logo + 进度条
加载屏幕显示Curriculo的logo,居中放在干净的背景上,下面是一个纤细的动画进度条。它传达了应用正在加载的信息,并提供了视觉上的进度感。一旦应用准备就绪,加载屏幕会平滑地消失。
这个模式借鉴了Gmail、Notion和Linear,这些应用以其加载体验而闻名。它在用户看到仪表板之前就设定了质量期望。
自适应 布局
面板替代
在窄屏幕(手机和小型平板)上,打开候选人详细视图时将替代列表视图,而不是与其并列。这样每个内容项都能够充分使用屏幕宽度。单击一下即可返回列表。
自动折叠侧边栏
在中型屏幕上,当打开详细面板时,侧边栏会自动折叠以腾出空间。在手机上,侧边栏完全变为底部导航栏。每个像素都被用于您正在处理的内容。
移动 底部导航
在手机上,桌面侧边栏被一个5个标签的底部导航栏替代,始终可见,始终只需一次点击即可到达。
收件箱新申请者和待处理操作星标成书签候选人以便快速访问职位所有活跃和归档的职位列表面试即将到来的和过去的面试日程“更多”标签
第五个标签打开“更多”菜单,可访问设置、分析、团队管理、账单和其他较少使用的功能。这样可以保持底部栏的整洁,同时确保一切都可以访问。
移动 时间戳
申请者行的紧凑日期显示
在桌面上,申请者行显示完整的时间戳(“2026年3月15日下午2:34”)。在手机上,时间戳压缩为相对格式(“2小时前”,“昨天”,“3月15日”),以节省横向空间,同时保持信息实用。
骨架加载器和 吐司通知
骨架加载器
应用中的每一页面都有一个骨架加载状态:与正在加载的内容布局相匹配的灰色占位符形状。候选人列表显示行形状的骨架。分析页面显示图表形状的骨架。这消除了布局错位的感觉,并给人以速度的印象。
吐司通知
每个用户操作都会产生一个吐司通知:“候选人已移至面试”(成功,绿色)、“保存笔记失败”(错误,红色)、“面试已安排”(信息,蓝色)。吐司在桌面上出现在右上角,在手机上出现在底部中央,并在4秒后自动消失。
即将推出
暗模式 支持
准备好的 CSS 变量
整个用户界面是用 CSS 自定义属性(变量)构建的,用于颜色、背景、边框和阴影。切换到暗模式只需交换变量值,基础设施已经到位。
部分实现
核心组件(侧边栏、头部、卡片、按钮)已经定义了暗模式变体。完整的暗模式覆盖正在进行中,将在未来的更新中作为用户可切换的设置发布。
系统偏好检测
当暗模式启动时,它将默认尊重用户的操作系统偏好(prefers-color-scheme: dark),并在设置中提供手动切换以覆盖此设置。
常见问题
常见 问题
是否有原生移动应用?
CurriculoATS 是一个响应式网页应用,而不是原生的 iOS 或 Android 应用。它可以在任何移动浏览器(Safari、Chrome、Firefox)中运行,并设计得像一个原生应用,具有底部导航、平滑过渡和触控友好的控件。
我可以通过手机查看候选人吗?
可以。移动布局让您完全访问候选人列表、详细视图、简历预览、笔记、流程操作和面试安排。您在桌面上可以做的所有事情,您在手机上也可以做到。
暗模式何时会全面上线?
CSS 变量基础设施已经到位,核心组件有暗模式变体。完整的暗模式在计划中,并将作为用户可切换的设置发布。目前没有具体日期,但正在积极开发中。
骨架加载器会影响性能吗?
不会。骨架加载器是轻量级的仅 CSS 元素,可以瞬间渲染。它们实际上通过在数据加载时显示布局形状来提高感知性能,消除了从空白屏幕到完整内容的突然移动。
我可以将应用安装到主屏幕上吗?
可以。CurriculoATS 可以作为渐进式网页应用(PWA)运行。在手机上,您可以使用浏览器的“添加到主屏幕”选项,创建一个应用图标,打开无浏览器边框的全屏体验。
