  brunoandClaude Sonnet 4.5
|
1d53b3ff76
|
Add CLAUDE.md documentation
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
|
2025-12-19 16:58:32 +08:00 |
|
|
brunoandClaude
|
09d95dda32
|
品牌升级+视觉优化：灵境万象品牌+在线头像+动效增强
核心升级：
【品牌信息】
- 品牌升级：灵境万象 (LingJing WanXiang)
- Logo: "💙" → "LJ" 文字标识
- 标题：灵境万象 · 青少年心理健康监测平台
- 域名：omniverseai.net
- Logo 增加发光效果和悬停缩放动画
【在线头像系统】
- 集成 ui-avatars.com API 在线生成头像
- 根据学生姓名自动生成个性化头像
- 风险等级配色：高风险(红)、中风险(橙)、低风险(绿)
- 头像尺寸：32×32px，圆角 9px
- 新增特效：
* 悬停放大 1.1 倍
* 高风险头像：红色边框 + 脉冲动画 (2s 循环)
* 阴影效果增强
【视觉效果优化】
① AI 干预策略卡片
- 新增阴影层次 (2px → 16px 渐变)
- 高优先级卡片：渐变背景 (深蓝 → 淡红)
- 悬停效果：上移 2px + 发光阴影
② 实时告警流
- 新增渐变背景色 (高危=红渐变，中危=橙渐变)
- 高危告警：脉冲动画 (2s 阴影扩散循环)
- 悬停效果：右移 3px + 阴影增强
③ 卡片标题
- 新增文字发光效果 (10px 绿光晕)
- 字间距优化：0.5px
④ 主标题Logo
- 双层阴影：绿色主光 + 蓝色环境光
- 悬停效果：放大 1.05 倍 + 光晕增强
- 主标题文字：滤镜投影发光
- 副标题：字间距 0.3px
【动画系统】
- pulse-red: 高风险元素脉冲 (头像、告警)
- alert-pulse: 告警阴影呼吸效果
- 所有过渡效果：0.3s ease 平滑动画
专业度提升：
- 医疗级视觉语言 (色彩语义化)
- 多层次阴影系统
- 流畅的交互反馈
- 品牌识别度增强
- 纯 CSS/SVG 实现，无第三方依赖
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-02 08:24:49 +08:00 |
|
|
brunoandClaude
|
6e79da02b6
|
专业化升级Dashboard：紧凑学生列表+三合一监测图表
核心升级：
【左侧学生列表】信息密度提升2.5x
- 紧凑模式：每行高度从80px→50px
- 新增字段：趋势箭头(↗↘→)、24h变化值、睡眠评分、体征图标
- 双行布局：第一行（头像+姓名+分数+情绪）第二行（趋势+睡眠+体征）
- 视觉优化：左侧风险色条、更清晰的层次结构
【中间核心图表区】专业三合一监测
① 多维心理趋势叠加图（24小时）
- 4条趋势线：心理指数、焦虑强度、压力指数、情绪稳定度
- 安全/警戒/高危区域背景色分层
- 关键事件标注点
② 情绪动态光谱
- 6维情绪横向条图：焦虑、压力、愉悦、疲劳、专注、抑郁
- 实时数值显示，颜色语义化
③ 体征-情绪关联分析
- 气泡散点图：X轴时间、Y轴心率、气泡颜色=情绪、大小=强度
- AI智能洞察提示
【右侧辅助区】
- AI智能洞察卡片（心率、睡眠、情绪波动）
【数据增强】
- emotionConfidence: 情绪识别置信度
- trendDirection & last24hChange: 24h趋势变化
- multiTrend: 24小时4维心理数据
- emotionSpectrum: 24小时6维情绪光谱
- vitalEmotionCorr: 体征-情绪关联数据点
专业度提升：
- 医疗级心理监测可视化
- 信息密度高但不拥挤
- 多维度关联分析
- 纯CSS/SVG实现，无第三方依赖
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-01 23:44:30 +08:00 |
|
|
brunoandClaude
|
329f706603
|
优化Dashboard为全屏无滚动专业布局
核心优化：
- 重构为全屏无滚动布局，信息层次清晰
- 中心区域聚焦：心理健康指数、72小时趋势预测、多维情绪雷达图
- 体征数据移至右侧辅助区，包含体征-情绪关联分析
- 左侧优化为学生风险榜+实时告警流
- 底部横向展示AI心理干预策略，更具权威感
- 视觉风格优化：更温暖的配色、更多圆角和柔光效果
- 纯CSS/SVG实现所有图表，无第三方依赖
新增数据结构：
- 72小时心理趋势预测数据
- 多维情绪雷达（焦虑、疲劳、压力、抑郁、专注、愉悦）
- AI干预策略和行动建议
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-01 23:31:33 +08:00 |
|
|
brunoandClaude
|
23fd285945
|
初始化青少年心理远程监测平台项目
实现完整的 Dashboard 功能：
- 顶部导航栏（标题、筛选器、实时时间）
- 左侧心理风险概览和学生排名列表
- 中间学生心理画像（体征数据、情绪识别、健康指数）
- 右侧实时告警流和 AI 干预建议
- 底部趋势预测、睡眠分析和学习专注度曲线
技术栈：Vue3 (Composition API) + Vite
UI 风格：深色科技风，纯 CSS/SVG 实现图表
数据：本地 Mock 数据模拟
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-01 21:46:43 +08:00 |
|