From 3c53212c1069b1207dfe491e23358d2c9a2309b3 Mon Sep 17 00:00:00 2001 From: zhangyahui Date: Tue, 2 Jun 2026 13:43:10 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A3=81=E5=89=AA=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E9=81=AE=E7=BD=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/icons/CSave.svg | 4 +-- .../BrandProfile/image-clip-dialog.vue | 1 - .../BrandProfile/image-clip.vue | 30 +++++-------------- .../MyListings/EditDetail/index.vue | 12 +++++++- 4 files changed, 21 insertions(+), 26 deletions(-) diff --git a/src/assets/icons/CSave.svg b/src/assets/icons/CSave.svg index d61935d3..0e9a22f6 100644 --- a/src/assets/icons/CSave.svg +++ b/src/assets/icons/CSave.svg @@ -1,7 +1,7 @@ - - + + diff --git a/src/views/SellerDashboard/BrandProfile/image-clip-dialog.vue b/src/views/SellerDashboard/BrandProfile/image-clip-dialog.vue index a75a6cc4..c08b5ddd 100644 --- a/src/views/SellerDashboard/BrandProfile/image-clip-dialog.vue +++ b/src/views/SellerDashboard/BrandProfile/image-clip-dialog.vue @@ -51,7 +51,6 @@ :isProduct="isProduct" :url="data.url" :type="type" - :centerBox="isProduct" @change="(v) => (data.preview_url = v)" /> diff --git a/src/views/SellerDashboard/BrandProfile/image-clip.vue b/src/views/SellerDashboard/BrandProfile/image-clip.vue index 7b537631..c482723c 100644 --- a/src/views/SellerDashboard/BrandProfile/image-clip.vue +++ b/src/views/SellerDashboard/BrandProfile/image-clip.vue @@ -13,7 +13,7 @@ @realTime="onChange" outputType="png" :full="true" - :centerBox="centerBox" + centerBox >
@@ -59,10 +59,6 @@ type: { type: String, default: () => "" - }, - centerBox: { - type: Boolean, - default: false } }) const attrs = useAttrs() @@ -211,24 +207,12 @@ :deep(.cropper-box) { .cropper-box-canvas { background-color: #ffffff; - - // img { - // height: 100%; - // } } } &.is-cover { :deep(.vue-cropper) { overflow: hidden; } - // :deep(.cropper-box-canvas) { - // width: 31.1rem !important; - // left: 50% !important; - // transform: translateX(-50%) !important; - // img { - // display: none; - // } - // } } } @@ -280,13 +264,15 @@ .image-clip-body { width: 45.7rem; height: 45.7rem; - :deep(.cropper-modal) { - background: transparent; - } + // :deep(.cropper-modal) { + // background: transparent; + // } :deep(.vue-cropper .cropper-view-box) { position: relative; - overflow: visible !important; - /* 原有的蓝色边框(outline)由组件控制,这里不干涉 */ + // overflow: visible !important; + img { + background: #fff; + } } :deep(.vue-cropper .cropper-view-box::after) { diff --git a/src/views/SellerDashboard/MyListings/EditDetail/index.vue b/src/views/SellerDashboard/MyListings/EditDetail/index.vue index e4d72a76..72731565 100644 --- a/src/views/SellerDashboard/MyListings/EditDetail/index.vue +++ b/src/views/SellerDashboard/MyListings/EditDetail/index.vue @@ -5,7 +5,7 @@