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;
}
}