修复overall印花旋转角度报错问题

This commit is contained in:
X1627315083
2025-02-05 17:30:49 +08:00
parent 82e062dfe8
commit 69b6a9512f
4 changed files with 9 additions and 33 deletions

View File

@@ -674,11 +674,11 @@ export default defineComponent({
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position: relative; position: relative;
height: auto; // height: auto;
border: none; border: none;
img{ img{
width: 100%; width: 100%;
object-fit: cover; object-fit: contain;
} }
.delete_file_block{ .delete_file_block{
display: none; display: none;

View File

@@ -122,8 +122,7 @@
<ul v-if="!overallSingle && printStyleList[stateOverallSingle][0]" class="designOpenrtion_Mouoverall active" :style="'left:'+printStyleList[stateOverallSingle][0]?.style?.left+';top:'+printStyleList[stateOverallSingle][0]?.style?.top+';'" @mousedown.stop="itemMoveMousedown(0,getMousePosition($event,false))" @touchstart.passive="itemMoveMousedown(0,getMousePosition($event,true))"> <ul v-if="!overallSingle && printStyleList[stateOverallSingle][0]" class="designOpenrtion_Mouoverall active" :style="'left:'+printStyleList[stateOverallSingle][0]?.style?.left+';top:'+printStyleList[stateOverallSingle][0]?.style?.top+';'" @mousedown.stop="itemMoveMousedown(0,getMousePosition($event,false))" @touchstart.passive="itemMoveMousedown(0,getMousePosition($event,true))">
<i class="fi fi-rr-arrows animtion1"></i> <i class="fi fi-rr-arrows animtion1"></i>
<i class="fi fi-rr-arrows animtion2"></i> <i class="fi fi-rr-arrows animtion2"></i>
<li class="designOpenrtion_rotote" v-rotote.stop="[0,printStyleList[stateOverallSingle][0].transform]"></li>
<!-- <li class="designOpenrtion_rotote" v-rotote.stop="[0,printStyleList[stateOverallSingle][0].transform]"></li> -->
@@ -1109,6 +1108,7 @@ export default defineComponent({
.designOpenrtion_single{ .designOpenrtion_single{
width: 40%; width: 40%;
margin-bottom: calc(2rem*1.2); margin-bottom: calc(2rem*1.2);
height: calc(5rem*1.2);
&.isOverall{ &.isOverall{
cursor: no-drop; cursor: no-drop;
img{ img{
@@ -1118,8 +1118,10 @@ export default defineComponent({
} }
} }
img{ img{
height: 100%;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
object-fit: contain;
&.active{ &.active{
opacity: .5; opacity: .5;
transform: scale(.8); transform: scale(.8);

View File

@@ -755,20 +755,6 @@ export default defineComponent({
} }
&.upload_component{ &.upload_component{
border: none;
:deep(.ant-upload-picture-card-wrapper) {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
:deep(.ant-upload-select-picture-card) {
width: calc(6rem*1.2);
height: calc(6rem*1.2);
border: calc(0.3rem*1.2) solid #ededed;
border-radius: calc(1rem*1.2);
margin: 0;
}
} }
.checked{ .checked{
position: absolute; position: absolute;

View File

@@ -713,19 +713,7 @@ export default defineComponent({
&.upload_component { &.upload_component {
border: none; border: none;
} }
:deep(.ant-upload-picture-card-wrapper) {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
:deep(.ant-upload-select-picture-card) {
width: calc(6rem*1.2);
height: calc(6rem*1.2);
border: calc(0.3rem*1.2) solid #ededed;
border-radius: calc(1rem*1.2);
margin: 0;
}
.checked{ .checked{
position: absolute; position: absolute;
top: 0; top: 0;