本次更新对多个功能页面进行了系统性的 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: 补充设置面板样式
This commit is contained in:
@@ -21,8 +21,22 @@ interface ConversationSidebarProps {
|
||||
}
|
||||
|
||||
function formatRelativeTime(dateStr: string): string {
|
||||
const relativeMatch = dateStr.trim().match(/^(\d+)\s*(s|sec|secs|second|seconds|m|min|mins|minute|minutes|h|hr|hrs|hour|hours|d|day|days|w|week|weeks|mo|month|months|y|yr|year|years)\s+ago$/i);
|
||||
if (relativeMatch) {
|
||||
const value = Number(relativeMatch[1]);
|
||||
const unit = relativeMatch[2].toLowerCase();
|
||||
if (unit.startsWith("s")) return "刚刚";
|
||||
if (unit === "m" || unit.startsWith("min")) return `${value} 分钟前`;
|
||||
if (unit === "h" || unit.startsWith("hr") || unit.startsWith("hour")) return `${value} 小时前`;
|
||||
if (unit === "d" || unit.startsWith("day")) return `${value} 天前`;
|
||||
if (unit === "w" || unit.startsWith("week")) return `${value} 周前`;
|
||||
if (unit === "mo" || unit.startsWith("month")) return `${value} 个月前`;
|
||||
if (unit === "y" || unit.startsWith("yr") || unit.startsWith("year")) return `${value} 年前`;
|
||||
}
|
||||
|
||||
const now = Date.now();
|
||||
const then = new Date(dateStr).getTime();
|
||||
if (!Number.isFinite(then)) return dateStr;
|
||||
const diff = now - then;
|
||||
if (diff < 60_000) return "刚刚";
|
||||
if (diff < 3_600_000) return `${Math.floor(diff / 60_000)} 分钟前`;
|
||||
|
||||
Reference in New Issue
Block a user