fix: 平台套图/新建商品 YYX 第二轮(清单4 未完成项)

平台套图:
- 商品列表无真封面时回退 mock 图(与商品库一致显图)
- 商品分类去掉前缀「//」
- 左侧商品栏可折叠(收起只剩商品图)
- 结果搜索框加 × 清空 + 平台筛选悬浮弹窗(可清空)
- 结果卡精简:去容器/引号/平台/小标题,提示词可折叠展开、张数灰色
- 删悬浮「更多」里重复的加入资产库入口
- 去掉加入资产库后的中央遮罩,只保留左上角已入库标签
- 重跑/单图再生成的新批次置底并自动滚动到底

新建商品抽屉:
- 上传失败:黑色遮罩 + 感叹号 + 提示 + 重新上传胶囊
- 填了内容中途退出:二次确认(复用 ConfirmModal)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
zyc
2026-06-27 16:51:49 +08:00
co-authored by Claude Opus 4.8
parent 217d24f316
commit 98b6ba948e
5 changed files with 265 additions and 74 deletions
+17
View File
@@ -469,6 +469,23 @@
}
.pc-drawer .form-card .pf-thumb .pf-state-err { background: var(--crimson-bg); color: var(--accent-crimson); font-weight: 600; }
.pc-drawer .form-card .pf-thumb.pf-error { border-color: var(--crimson-bd); }
/* YYX#22:上传失败 —— 黑色遮罩 + 感叹号 + 提示 + 重新上传胶囊 */
.pc-drawer .form-card .pf-thumb .pf-fail-mask {
position: absolute; inset: 0; z-index: 2;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
background: rgba(0, 0, 0, .62); color: var(--accent-white); text-align: center; padding: 4px;
}
.pc-drawer .form-card .pf-thumb .pf-fail-ic svg { width: 20px; height: 20px; }
.pc-drawer .form-card .pf-thumb .pf-fail-t { font-size: 11px; font-weight: 600; }
.pc-drawer .form-card .pf-thumb .pf-retry {
display: inline-flex; align-items: center; gap: 4px;
height: 22px; padding: 0 8px;
border: 0; border-radius: 999px;
background: var(--accent-white); color: var(--accent-black);
font-size: 11px; cursor: pointer;
}
.pc-drawer .form-card .pf-thumb .pf-retry:hover { background: var(--heat); color: var(--accent-white); }
.pc-drawer .form-card .pf-thumb .pf-retry svg { width: 11px; height: 11px; }
.pc-drawer .form-card .pf-thumb .pf-cover {
position: absolute; left: 4px; bottom: 4px; z-index: 1;
background: var(--heat); color: var(--accent-white);