This commit is contained in:
X1627315083
2023-12-20 10:01:39 +08:00
parent 904b9856fd
commit 6297b75d68
4 changed files with 33 additions and 7 deletions

View File

@@ -33,11 +33,11 @@
<img :src="item?.path" alt="">
<i v-show="deleteShow" class="fi fi-br-cross" @click.stop="setDelete(index)"></i>
</div>
<div v-show="designItemDetailNum < 5" class="detail_modal_body_Set" @click="setClothesOpen()">
<div v-show="designItemDetailNum < 5 && !body" class="detail_modal_body_Set" @click="setClothesOpen()">
+
</div>
</div>
<div class="detail_modal_model_content">
<div class="detail_modal_model_content" :class="{active:body}">
<div class="detail_modal_item_back" :class="{active:body}" v-for="item,index in frontBack.back" :style="item.style">
<img :src="item.imageUrl" alt="">
</div>
@@ -1062,6 +1062,9 @@ export default defineComponent({
width: auto;
max-height: 100%;
}
&.active{
width: 100%;
}
.detail_modal_item_front,.detail_modal_item_back{
cursor: pointer;
position: absolute;
@@ -1073,14 +1076,18 @@ export default defineComponent({
&.active{
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
img{
width: 100%;
}
}
}
.detail_modal_item_back{
z-index: 1 !important;
}
.detail_modal_item_front{
z-index: 2;
}
}

View File

@@ -662,13 +662,16 @@ export default defineComponent({
designItemDetail.clothes[index].layersObject = rv.clothes[index].layersObject
designItemDetail.clothes[index].printObject.prints = this.computeZindex()
designItemDetail.ifSubmit = true
console.log(rv,index);
designItemDetail.clothes.forEach((item,i)=>{
let a
console.log(1);
if(item.layersObject[0].imageCategory.indexOf("back") == -1){
a = item.layersObject[0]
item.layersObject[0] = item.layersObject[1]
item.layersObject[1] = a
}
console.log(2);
item.layersObject[0].id = this.store.state.DesignDetailModule.designItemDetail.clothes[i].layersObject[0].id
item.layersObject[1].id = this.store.state.DesignDetailModule.designItemDetail.clothes[i].layersObject[1].id
})
@@ -787,10 +790,15 @@ export default defineComponent({
left: auto;
top: 50%;
transform: translateY(-50%);
max-height: 50rem;
max-width: 30rem;
.designOpenrtion_entirety_img{
height: 100%;
img{
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}

View File

@@ -779,10 +779,15 @@ export default defineComponent({
left: auto;
top: 50%;
transform: translateY(-50%);
max-height: 50rem;
max-width: 30rem;
.designOpenrtion_entirety_img{
height: 100%;
img{
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}