 ludan
|
4530058648
|
feat: 工具盒视觉重设计 + 个人中心详情弹窗
本次提交对全部工具入口页（MorePage）进行了全面的信息架构和视觉升级，并为个人中心新增卡片点击详情弹窗。
## 工具盒（MorePage）重设计
- 工具卡片增加 useCase 使用场景说明和 tags 标签行，帮助用户快速理解每个工具的适用场景
- 核心工具（Featured）卡片新增 kicker 标题、steps 操作步骤、outcome 产出说明，强化工作流引导
- 新增 ToolComparePanel 组件，为每个工具展示 Before/After 对比示意舞台
- 分类筛选按钮新增计数徽章，展示每个分类下的工具数量
- 页面头部新增 eyebrow（AI Tool Hub）+ 工具概览统计信息
- 最近使用区域增加分类标签副标题
- 空分类场景新增引导式空状态面板
- 全面补充 aria-label 和无障碍键盘支持
## 个人中心详情弹窗
- 新增 ProfileDetailSelection 类型和 openDetailSelection/closeDetailSelection 流程
- 使用 createPortal 渲染详情弹窗，支持代表作和资产两种详情视图
- 弹窗内支持媒体预览（图片/视频）、元数据展示、下载和删除操作
- 列表卡片（代表作/项目/资产）改为 interactive-card，支持键盘 Enter/Space 激活
- 删除项目按钮增加 event.stopPropagation 防止冒泡触发卡片点击
- 弹窗打开时锁定 body 滚动，Esc 键关闭
## App.tsx 适配
- 传递 setTasks 给 ProfilePage，支持代表作移除操作
- 传递 onOpenProject 回调，支持从个人中心打开项目
## CSS 样式升级
- more.css: 全面重设页头布局（grid 三栏）、筛选胶囊、核心卡片 Before/After 舞台、步骤条、响应式适配
- profile.css: 新增详情弹窗 overlay/panel/preview 布局、交互卡片 hover/focus 状态
- dark-green.css: 工具盒与详情弹窗的深绿主题样式约 780 行
|
2026-06-07 11:42:00 +08:00 |
|
|
ludan
|
bbc705c8d9
|
feat: 个人中心仪表盘视觉打磨与交互优化
本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级：
## AppShell 导航修复
- 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航
## ProfilePage 功能增强
- 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息
- 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏
- 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰
- 账号摘要卡片新增套餐名称和已完成任务数展示
- 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理
- 主面板标签页文字包裹 span，支持响应式隐藏
## profile.css 滚动模型调整
- Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题
## dark-green.css 主题样式（约 1160 行新增）
- 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层
- 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条
- 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签
- 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示
- 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮
- 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板
- 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调
- 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列
- 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器
|
2026-06-05 18:28:10 +08:00 |
|
 stringadmin
|
aebe0ff827
|
chore: re-upload current web project code
|
2026-06-05 16:08:47 +08:00 |
|
|
stringadmin
|
8cf9ee3519
|
merge: resolve conflicts between feat/responsive-layout and master
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
2026-06-05 15:14:17 +08:00 |
|
 OmniAI Developer
|
7afcfa54c2
|
feat: 个人中心侧边栏显示、代表作滚动、图片工作台预览样式、首页轮播尺寸调整
|
2026-06-03 19:15:45 +08:00 |
|
|
ludan
|
ecade14bd0
|
feat: 实现全局响应式布局，适配不同设备、不同屏幕、不同分辨率
- 统一断点体系：560px(手机)、900px(平板)、1180px(小桌面)
- Shell导航：900px底部导航条、560px紧凑布局、顶栏触控优化
- 电商页面：三栏布局在平板/手机下改为单栏堆叠+横向标签切换
- 工作台：启动页编辑器全宽、消息气泡适配窄屏、建议标签换行
- 画布页面：工具栏横向滚动、节点缩小、手机全屏操作
- 社区/资产库/工具页/数字人等全部17个页面补齐响应式断点
- 新增32条@media规则，媒体查询从107条增至139条
|
2026-06-02 17:45:57 +08:00 |
|
|
stringadmin
|
bedee3ba8d
|
Initial commit: OmniAI Web Frontend
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
2026-06-02 12:38:01 +08:00 |
|