复用项目卡片预览组件

项目卡片预览改为复用 PlatformMediaFrame

删除项目页局部预览框比例和图片填充样式

更新 TRACKING 记录媒体预览组件收口
This commit is contained in:
2026-06-14 04:36:50 +08:00
parent f59dee849a
commit 6bc2f11d04
3 changed files with 14 additions and 19 deletions

View File

@@ -24,6 +24,7 @@ import {
PlatformFloatingMenuItem,
} from '../common/PlatformFloatingMenu';
import { PlatformIconButton } from '../common/PlatformIconButton';
import { PlatformMediaFrame } from '../common/PlatformMediaFrame';
import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
import { PlatformTextField } from '../common/PlatformTextField';
import { UnifiedModal } from '../common/UnifiedModal';
@@ -214,18 +215,21 @@ export function ProjectGalleryView({ onOpenProject }: ProjectGalleryViewProps) {
}}
aria-label={`打开项目${project.title}`}
>
<span className="project-gallery__preview">
{preview ? (
<img src={preview.imageSrc} alt="" />
) : (
<span className="project-gallery__preview-empty" />
)}
<PlatformMediaFrame
src={preview?.imageSrc}
alt=""
fallbackLabel="项目"
aspect="standard"
surface="bright"
className="project-gallery__preview"
fallbackContent={<span className="project-gallery__preview-empty" />}
>
{isSelectionMode ? (
<span className="project-gallery__checkbox">
{selected ? <Check className="h-4 w-4" /> : null}
</span>
) : null}
</span>
</PlatformMediaFrame>
<span className="project-gallery__meta">
<span>{project.title}</span>
<span>{formatProjectUpdatedAt(project.updatedAt)}</span>