fix ProductSkuEditor.vue style
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user