fix ProductSkuEditor.vue style

This commit is contained in:
Timi
2026-09-07 13:26:46 +08:00
parent 62cedb406a
commit 7c685c856e
2 changed files with 144 additions and 232 deletions
+2 -45
View File
@@ -136,7 +136,7 @@
/>
</template>
</t-cell>
<t-cell title="生成">
<t-cell title="生成 SKU">
<template #note>
<t-button
theme="primary"
@@ -292,7 +292,7 @@ const skuCombinationCount = computed(() => {
return valueCountList.reduce((total, count) => total * count, 1);
});
const canGenerateSku = computed(() => 0 < skuCombinationCount.value);
const generateSkuButtonText = computed(() => `根据规格组合生成 SKU(${skuCombinationCount.value} 个)`);
const generateSkuButtonText = computed(() => `根据规格组合生成(${skuCombinationCount.value} 个)`);
const specValueDraftMap = reactive<Record<string, string>>({});
const unitEditorVisible = ref(false);
const editingSku = ref<SkuForm>();
@@ -1107,49 +1107,6 @@ onUnmounted(() => navBarStore.clearRight());
}
}
.sku-list {
overflow: hidden;
}
.card-header,
.value-row {
gap: .5rem;
display: flex;
align-items: center;
}
.card-header {
padding: 0 .75rem .5rem;
justify-content: space-between;
}
.value-list {
gap: .5rem;
display: flex;
padding: .25rem .75rem .75rem;
flex-direction: column;
}
.small-button {
align-self: flex-start;
}
.sku-toolbar {
gap: .5rem;
display: flex;
padding: 0 1rem .75rem;
color: var(--td-text-color-secondary);
align-items: center;
justify-content: space-between;
.sku-actions {
gap: .5rem;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
}
.file-input {
display: none;
}