moodboard改为删除任意元素就删掉布局的图片 画布新加icon 链接到用户指引 调整detial页面布局 pose上传图片bug

This commit is contained in:
X1627315083
2025-09-23 13:45:11 +08:00
parent 21f569a0ac
commit 29a68c2481
19 changed files with 74 additions and 36 deletions

View File

@@ -357,7 +357,7 @@ export default defineComponent({
designSingleItemDTOList:clothes,
isPreview:true,
// ifSubmit:designItemDetail.isPreview,
gender:workspace?.sex == 'Male'?1:0,
gender:workspace?.sex,
sketchString:'',
modelId:(detailData.currentDetailType == 'models' && detailData.designDetail.newModel)?detailData.designDetail.newModel.id:detailData.designDetail.oldModel?detailData.designDetail.oldModel.id:'',
modelType:(detailData.currentDetailType == 'models' && detailData.designDetail.newModel)?detailData.designDetail.newModel.type:detailData.designDetail.oldModel?detailData.designDetail.oldModel.type:'',
@@ -567,15 +567,17 @@ export default defineComponent({
height: 100%;
overflow: hidden;
&.detailLeft{
width: 34rem;
width: 30rem;
// width: 34rem;
display: flex;
flex-direction: column;
}
&.isEditPattern{width: 0px;}
&.model{
width: 50rem;
margin: 0 10rem;
width: 45rem;
// width: 50rem;
margin: 0 8rem;
// margin: 0 10rem;
display: flex;
flex-direction: column;
}

View File

@@ -16,14 +16,6 @@
imageMode:'contains',
}"
ref="editCanvas">
<template #customToolsBottom="{ toolButtonProps }">
<!-- 也可以直接使用普通的按钮 -->
<div class="custom-tool-btn" :class="{active:currentView === 'redGreenExample'}" style="margin-top: auto;" @click="editFront('redGreenExample')">
<SvgIcon name="CHelp" size="30" />
<div class="tool-tooltip">{{ $t('Canvas.help') }}</div>
</div>
</template>
</editCanvas>
<!-- <canvasContent ref="canvasContent"></canvasContent> -->
</div>
@@ -35,6 +27,7 @@
ref="editFrontBack">
</editFrontBack> -->
<editCanvas v-if="canvasLoad" :config="canvasConfig"
@canvasInit="canvasInit"
:enabledRedGreenMode="true"
:clothingImageUrl="selectDetail.path"
:redGreenImageUrl="frontBack.front[imgDomIndex].maskUrl"

View File

@@ -70,7 +70,7 @@ export default defineComponent({
</script>
<style lang="less" scoped>
.detailLeft{
width: 34rem;
// width: 34rem;
// width: 100%;
height: 100%;
display: flex;

View File

@@ -179,8 +179,11 @@ export default defineComponent({
> .switch_type_item{
position: relative;
cursor: pointer;
margin-right: 6.5rem;
margin-right: 4rem;
font-size: 1.8rem;
> .detailText{
font-size: 1.6rem;
}
}
> .switch_type_item::before {
position: absolute;

View File

@@ -940,6 +940,9 @@ export default defineComponent({
flex: 1;
overflow: hidden;
position: relative;
margin: 2rem 0;
width: 80%;
align-self: center;
> .mark_loading{
position: absolute;
}