feat: 支持人工修改蝦皮规格 (#215)

This commit is contained in:
chengma
2026-08-13 12:14:02 +08:00
parent 5b7d92289e
commit 4752fef54f
16 changed files with 403 additions and 34 deletions
+16
View File
@@ -256,6 +256,22 @@ tr.empty small { color: #aaa; }
.thumb-placeholder, .thumb-fallback { color: #6b7280; font-size: 12px; white-space: nowrap; }
.detail-product-image { width: 120px; max-height: 120px; object-fit: contain; border: 1px solid #ccd1d6; border-radius: 4px; }
/* 蝦皮 SKU 默认保持只读摘要,只在当前行展开编辑,避免规格多时整张表
被输入框淹没。表格自身负责横向滚动。 */
.sku-editor > summary { color: #1f5f99; cursor: pointer; }
.sku-editor[open] > summary { margin-bottom: 8px; }
.sku-edit-form { min-width: 360px; white-space: normal; }
.sku-edit-grid {
display: grid;
grid-template-columns: repeat(2, minmax(140px, 1fr));
gap: 8px;
margin-bottom: 8px;
}
.sku-edit-field { display: flex; flex-direction: column; gap: 4px; color: #555; }
.sku-edit-field input { min-width: 0; width: 100%; }
.sku-edit-advice { grid-column: 1 / -1; }
.sku-edit-form small { display: block; color: #777; margin-bottom: 8px; }
/* ── 弹窗 ─────────────────────────────── */
/* 用 hidden 属性控制显示隐藏,JS 只改这一个属性,不拼样式 */
.modal-backdrop[hidden] { display: none; }