节点详情页:所有附件统一展示,不再把图片和其它附件分开列

之前照片墙只显示图片,非图片附件只给一句「另有 N 个非图片附件」,要看得再进管理页。
现在全部附件同列在照片与附件区:图片仍是缩略图,视频 / PDF / Word 等按 MIME
显示类型图标(🎬 / 📄 / 📎),和缩略图一样占满 4:3 格子。

点击行为沿用批 7 的灯箱四态:图片 / 视频 / PDF 直接预览(视频可拖进度条、
PDF 内嵌阅读器),预览不了的(Word / ZIP 等)灯箱里给下载按钮。
页头与底部入口文案同步改为「附件 (N) / 管理附件(N)」,
最多展示 12 个,超出给「+N 个」入口进管理页。

已验证:本地全链 11 步全绿(渲染检查 316 项,新增图标格 / 四态标记 /
不再出现「另有」等 8 项断言);远端 e2e 322 项 0 失败(新增详情页统一展示
专项断言 7 项);部署后双 PHP 渲染逐字节一致、60 文件哈希一致。
This commit is contained in:
2026-09-23 17:36:58 +08:00
parent cbfdcb9d16
commit a24099fc53
2 changed files with 48 additions and 25 deletions
+4
View File
@@ -843,6 +843,10 @@ input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; padding
display: flex; align-items: center; justify-content: center;
height: 96px; font-size: 30px; background: var(--bg-soft);
}
/* 批 8:详情页附件墙里的图标格 —— 和图片缩略图一样占满 4:3 格子 */
.photo-card .attachment-icon {
height: 100%; aspect-ratio: 4 / 3; font-size: 34px;
}
.attachment-meta { padding: 9px 11px; display: flex; align-items: center; gap: 6px; }
.attachment-name {
font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0;