aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 裁剪框被遮挡

Browse Source
This commit is contained in:
zhangyahui
2026-05-06 13:25:42 +08:00
parent 22aa7c37cd
commit 52576aa0a1
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/SellerDashboard/BrandProfile/image-clip.vue
View File

@@ -96,24 +96,26 @@
return label
}
const centerLabelTop = "8px"
const cropLabelMap = {
cover: [
{ text: "crown", top: "2.67%", className: "label-h" },
{ text: "hip line", top: "63.47%", className: "label-h" },
{ text: "mid-thigh", top: "92.8%", className: "label-h" },
{ text: "center", top: "0", className: "label-v" }
{ text: "center", top: centerLabelTop, className: "label-v" }
],
mainProductImage: [
{ text: "crown", top: "2.67%", className: "label-h" },
{ text: "footbase", top: "97.6%", className: "label-h" },
{ text: "center", top: "0", className: "label-v" }
{ text: "center", top: centerLabelTop, className: "label-v" }
],
sketch: [
{ text: "crown", top: "2.67%", className: "label-h" },
{ text: "footbase", top: "97.6%", className: "label-h" },
{ text: "center", top: "0", className: "label-v" }
{ text: "center", top: centerLabelTop, className: "label-v" }
],
apparel: [{ text: "center", top: "0", className: "label-v" }]
apparel: [{ text: "center", top: centerLabelTop, className: "label-v" }]
}
const injectCropLabel = () => {
@@ -288,11 +290,16 @@
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(75, 165, 255, 0.85);
pointer-events: none;
z-index: 9; /* 位于图片之上，但在控制点之下 */
background-image: none;
background-repeat: no-repeat;
}
:deep(.vue-cropper .crop-point) {
z-index: 10;
}
}
&[data-crop-type="cover"] {