From 52576aa0a11e6514d18c26bbfa1fcdeffcbf8663 Mon Sep 17 00:00:00 2001 From: zhangyahui Date: Wed, 6 May 2026 13:25:42 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=A3=81=E5=89=AA=E6=A1=86=E8=A2=AB?= =?UTF-8?q?=E9=81=AE=E6=8C=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../SellerDashboard/BrandProfile/image-clip.vue | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/views/SellerDashboard/BrandProfile/image-clip.vue b/src/views/SellerDashboard/BrandProfile/image-clip.vue index 6af436b1..8442e8a2 100644 --- a/src/views/SellerDashboard/BrandProfile/image-clip.vue +++ b/src/views/SellerDashboard/BrandProfile/image-clip.vue @@ -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"] {