修复ipad端模特不能缩放问题

This commit is contained in:
X1627315083
2023-12-18 15:34:54 +08:00
parent f8ba824bb9
commit 8f88867fb7
2 changed files with 82 additions and 16 deletions

View File

@@ -1016,30 +1016,49 @@ export default defineComponent({
width: 100%;
position: absolute;
}
.cropper-view-box-Bg::before{
transform: translateY(-40%);
background: #fff;
color: #000;
position: absolute;
}
.cropper-view-box-Top{
// border-top: 1px dashed;
/*虚线2 css*/
background: linear-gradient(to left,transparent 0%,transparent 50%,#646464 50%,#646464 100%);background-size: 10px 1px;background-repeat: repeat-x;
background: linear-gradient(to left,transparent 0%,transparent 50%,#64646461 50%,#64646461 100%);background-size: 10px 1px;background-repeat: repeat-x;
height: 1rem;
opacity: .4;
top: 6%;
}
.cropper-view-box-Top::before{
content: 'Head';
}
.cropper-view-box-Bottom{
bottom: 6%;
// border-top: 1px dashed;
height: 1rem;
opacity: .4;
background: linear-gradient(to left,transparent 0%,transparent 50%,#646464 50%,#646464 100%);background-size: 10px 1px;background-repeat: repeat-x;
background: linear-gradient(to left,transparent 0%,transparent 50%,#64646461 50%,#64646461 100%);background-size: 10px 1px;background-repeat: repeat-x;
}
.cropper-view-box-Bottom::before{
content: 'Foot';
}
.cropper-view-box-Center{
// border-left: 1px dashed;
left: 50%;
opacity: .4;
background: linear-gradient(to bottom,transparent 0%,transparent 50%,#646464 50%,#646464 100%);background-size: 1px 10px;background-repeat: repeat-y;
background: linear-gradient(to bottom,transparent 0%,transparent 50%,#64646461 50%,#64646461 100%);background-size: 1px 10px;background-repeat: repeat-y;
top: 0;
width: 1rem;
height: 100%;
}
.cropper-view-box-Center::before{
content: 'Centre';
transform: translateX(-50%);
}
.vue-cropper{
.cropper-crop-box{
background: #fff;
}
}
}
.perview_mark_loading{