From 91889102ea29dec51c5aa71d7629d0c834e06656 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Wed, 27 May 2026 16:31:08 +0800
Subject: [PATCH] =?UTF-8?q?detail=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/en.ts                    |  2 +-
 src/views/digitalDetail/index.vue | 37 +++++++++++++++++++++++++++++--
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/lang/en.ts b/src/lang/en.ts
index 8351b06..c87d293 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -305,7 +305,7 @@ export default {
 	digitalDetail:{
 		Sketch: 'Sketch',
 		Illustration: 'Illustration',
-		Product: 'Product',
+		Product: 'Product Image',
 		EditorialVisual: 'Editorial Visual',
 		Back: 'Back',
 		ReleaseIn: 'Release in',
diff --git a/src/views/digitalDetail/index.vue b/src/views/digitalDetail/index.vue
index dfb86ea..56e8c17 100644
--- a/src/views/digitalDetail/index.vue
+++ b/src/views/digitalDetail/index.vue
@@ -111,7 +111,7 @@ defineExpose({})
 				</div>
 				<div class="right">
 					<div class="top">
-						<div class="box">
+						<div class="box illustration">
 							<div class="title">{{ $t('digitalDetail.Illustration') }}</div>
 							<div class="imgBox">
 								<img :src="item?.imgUrl" v-for="item in illustrationList" :key="item" alt="">
@@ -125,7 +125,7 @@ defineExpose({})
 						</div>
 					</div>
 					<div class="bottom">
-						<div class="box aa">
+						<div class="box editorialVisual">
 							<div class="title">{{ $t('digitalDetail.EditorialVisual') }}</div>
 							<div class="imgBox">
 								<img :src="item?.gif||item?.imgUrl" v-for="item in editorialVisualList" :key="item" alt="">
@@ -234,8 +234,37 @@ defineExpose({})
 						flex-wrap: wrap;
 						img{
 							width: 100%;
+							// height: 51rem;
+							// margin: 0 auto;
 						}
 					}
+					&.sketch{
+						.imgBox{
+							flex-direction: column;
+							gap: 2rem;
+							padding: 5rem 0;
+							img{
+								height: 20.4rem;
+								width: auto;
+								margin: auto;
+							}
+						}
+					}
+					&.illustration{
+						.imgBox{
+							> img{
+								aspect-ratio: 9 / 16;
+								object-fit: contain;
+								padding: 3.6rem;
+							}
+						}	
+					}
+					&.editorialVisual{
+						.imgBox{
+							row-gap: 60px;
+						}						
+					}
+				
 					
 				}
 				> .left{
@@ -260,6 +289,7 @@ defineExpose({})
 						display: flex;
 					}
 					> .bottom{
+						margin-top: 10.5rem;
 						.imgBox{
 							display: flex;
 							img{
@@ -336,6 +366,9 @@ defineExpose({})
 							object-fit: cover;
 						}
 						> .detail{
+							display: flex;
+						    flex-direction: column;
+							align-items: flex-start;
 							.name{
 								text-decoration: underline;
 								font-weight: 500;