feat: 多页面UI打磨 — 设置面板、状态反馈与样式升级 #35

Merged
stringadmin merged 2 commits from feat/ui-polish-and-skills into master 2026-06-10 09:57:06 +00:00
Owner

本次更新对多个功能页面进行了系统性的 UI/UX 打磨,统一了交互模式并补充了缺失的状态反馈。

新增功能

  • WorkbenchPage: 图片提示词案例区域新增加载骨架屏、错误回退、空数据三种状态展示
  • CharacterMixPage: 新增左侧设置面板(驱动提示词、图像检测开关、水印开关),支持清除已上传的人物图/参考视频
  • DigitalHumanPage: 新增左侧设置面板(提示词输入、去水印/保留原声开关),支持清除已上传的人像/音频,增加取消生成按钮
  • ImageWorkbenchPage / ResolutionUpscalePage: 新增参数设置面板和资产清除交互
  • MorePage: 新增页面入口

UI 优化

  • 统一 Toggle 开关组件: 所有设置页面采用一致的 .studio-toggle 交互模式
  • 资产清除: 各上传区域新增清除按钮,含二次确认和提示反馈
  • 生成按钮: 统一为带图标的 .studio-generate-btn,增加 disabled/loading 状态
  • ConversationSidebar / ProjectSidebar: 侧边栏交互细节优化

样式升级

  • image-workbench.css: 大幅扩展样式 (+1900 行),覆盖设置面板、上传区、结果展示等
  • workbench.css: 新增 666 行样式,含骨架屏动画、案例卡片网格、状态占位等
  • subtitle-removal.css: 补充设置面板样式
本次更新对多个功能页面进行了系统性的 UI/UX 打磨,统一了交互模式并补充了缺失的状态反馈。 ## 新增功能 - WorkbenchPage: 图片提示词案例区域新增加载骨架屏、错误回退、空数据三种状态展示 - CharacterMixPage: 新增左侧设置面板(驱动提示词、图像检测开关、水印开关),支持清除已上传的人物图/参考视频 - DigitalHumanPage: 新增左侧设置面板(提示词输入、去水印/保留原声开关),支持清除已上传的人像/音频,增加取消生成按钮 - ImageWorkbenchPage / ResolutionUpscalePage: 新增参数设置面板和资产清除交互 - MorePage: 新增页面入口 ## UI 优化 - 统一 Toggle 开关组件: 所有设置页面采用一致的 .studio-toggle 交互模式 - 资产清除: 各上传区域新增清除按钮,含二次确认和提示反馈 - 生成按钮: 统一为带图标的 .studio-generate-btn,增加 disabled/loading 状态 - ConversationSidebar / ProjectSidebar: 侧边栏交互细节优化 ## 样式升级 - image-workbench.css: 大幅扩展样式 (+1900 行),覆盖设置面板、上传区、结果展示等 - workbench.css: 新增 666 行样式,含骨架屏动画、案例卡片网格、状态占位等 - subtitle-removal.css: 补充设置面板样式
stringadmin added 1 commit 2026-06-10 09:56:44 +00:00
feat: 多页面UI打磨 — 设置面板、状态反馈与样式升级
Web Quality / verify (pull_request) Has been cancelled
a6626beb32
本次更新对多个功能页面进行了系统性的 UI/UX 打磨,统一了交互模式并补充了缺失的状态反馈。

## 新增功能
- WorkbenchPage: 图片提示词案例区域新增加载骨架屏、错误回退、空数据三种状态展示
- CharacterMixPage: 新增左侧设置面板(驱动提示词、图像检测开关、水印开关),支持清除已上传的人物图/参考视频
- DigitalHumanPage: 新增左侧设置面板(提示词输入、去水印/保留原声开关),支持清除已上传的人像/音频,增加取消生成按钮
- ImageWorkbenchPage / ResolutionUpscalePage: 新增参数设置面板和资产清除交互
- MorePage: 新增页面入口

## UI 优化
- 统一 Toggle 开关组件: 所有设置页面采用一致的 .studio-toggle 交互模式
- 资产清除: 各上传区域新增清除按钮,含二次确认和提示反馈
- 生成按钮: 统一为带图标的 .studio-generate-btn,增加 disabled/loading 状态
- ConversationSidebar / ProjectSidebar: 侧边栏交互细节优化

## 样式升级
- image-workbench.css: 大幅扩展样式 (+1900 行),覆盖设置面板、上传区、结果展示等
- workbench.css: 新增 666 行样式,含骨架屏动画、案例卡片网格、状态占位等
- subtitle-removal.css: 补充设置面板样式
stringadmin added 1 commit 2026-06-10 09:56:49 +00:00
Merge branch 'master' into feat/ui-polish-and-skills
Web Quality / verify (pull_request) Has been cancelled
0fbb5372d5
stringadmin scheduled this pull request to auto merge when all checks succeed 2026-06-10 09:56:55 +00:00
stringadmin merged commit 228e89cfb6 into master 2026-06-10 09:57:06 +00:00
stringadmin deleted branch feat/ui-polish-and-skills 2026-06-10 09:57:06 +00:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: OmniAI/omniai-web#35