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