用途:为 Todo 应用提供生产级的仪表盘界面规范,强调与注册/登录页视觉无缝衔接,聚焦任务管理效率而非通用仪表盘。
主要能力:定义全局样式规则,包括近黑背景、环境粉色辉光、粉色玻璃卡(背景 rgba(255,110,199,0.12)、backdrop blur 20–30px、边框 rgba(255,110,199,0.35))、统一字体、边框圆角、阴影与模糊强度。布局为无页头的侧边栏加主工作区,满屏 100vh。侧边栏含导航与上下文,使用 React Icons 线性图标:全部任务用 checklist、进行中用 clock/play、已完成用 check-circle,激活为粉色,其余为柔和白色。主区含低强调欢迎文字、动画统计卡片和以新建任务面板为核心。新建任务字段包括标题、描述、优先级、标签、截止日期、重复、提醒开关,主按钮为粉色渐变,取消为描边。动画哲学为加载时侧边栏淡入、主内容上滑、统计卡依次进入,交互动画小于 300ms,无弹跳与弹性缓动。提供桌面、平板、移动三档响应式规则,移动端侧边栏折叠为顶部或底部导航,触控目标最小 44px。
使用方式与适用场景:当用户请求 Todo 应用的仪表盘界面且要求与注册/登录页主题严格一致、需要高级 SaaS 观感或任务优先体验时使用。
限制:明确禁止页头、营销文案、新配色、重型动画、自定义 SVG 图标及与认证流程的视觉脱节;必须与注册/登录使用同一主题,只用 React Icons,并保持无障碍对比度。其余实现细节与具体安装方式暂未提供。