fix

src/views/digitalDetail/index.vue

@@ -116,7 +116,7 @@ defineExpose({})
 			<div class="img-list">
 				<div class="left">
 					<div class="title">{{ $t('digitalDetail.Sketch') }}</div>
-					<div class="box sketch">
+					<div class="box sketch" :class="{'active': sketchList.length == 1}">
 						<div class="imgBox">
 							<img :src="item?.imgUrl" v-for="item in sketchList" :key="item" alt="">
 						</div>
@@ -137,7 +137,7 @@ defineExpose({})
 							</div>
 						</div>
 					</div>
-					<div class="bottom">
+					<div class="bottom" v-if="editorialVisualList.length > 0">
 						<div class="box editorialVisual">
 							<div class="title">{{ $t('digitalDetail.EditorialVisual') }}</div>
 							<div class="imgBox">
@@ -254,14 +254,27 @@ defineExpose({})
 					&.sketch{
 						.imgBox{
 							flex-direction: column;
-							gap: 2rem;
+							gap: 4rem;
 							padding: 5rem 0;
 							img{
-								height: 20.4rem;
+								height: 26.4rem;
+								object-fit: contain;
 								width: auto;
 								margin: auto;
 							}
 						}
+						&.active{
+							width: 100%;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							aspect-ratio: 9 / 16;
+							img{
+								height: auto;
+								width: 20.1rem;
+								aspect-ratio: 9 / 16;
+							}
+						}
 					}
 					&.illustration{
 						display: flex;

src/views/digitalItem/commodity-list.vue

@@ -114,6 +114,7 @@ const {} = toRefs(data);
 		position: relative;
 		display: flex;
 		flex-direction: column;
+		margin-top: -1px;
 		.list{
 			width: 100%;
 			flex: 1;

src/views/digitalItem/index.vue

@@ -74,7 +74,7 @@ onUnmounted(()=>{
 defineExpose({})
 </script>
 <template>
-	<div class="digitalItem" ref="digitalItemRef">
+	<div class="digitalItem" :class="{'active': commodityListRef?.commodityList?.length > 0}" ref="digitalItemRef">
 		<div class="header-img">
 			<img src="@/assets/images/digitalItem/digital_item_banner.png" alt="">
 			<div class="text">
@@ -130,9 +130,12 @@ defineExpose({})
 <style lang="less" scoped>
 	.digitalItem{
 		width: 100%;
-		height: 100%;
+		height: auto;
 		position: relative;
 		overflow-y: auto;
+		&.active{
+			height: 100%;
+		}
 		.header-img{
 			width: 100%;
 			position: relative;
@@ -158,7 +161,7 @@ defineExpose({})
 					color: #585858;
 					font-size: 1.6rem;
 					line-height: 140%;
-					margin-top: 1.2rem;
+					margin-top: 2.4rem;
 					text-align: center;
 				}
 			}

src/views/digitalItem/merchant-info.vue

@@ -47,7 +47,7 @@ defineExpose({})
 		</div>
 		<div class="categories">{{ $t('digitalItem.MerchantInfo.Gender') }}</div>	
 		<div class="line"></div>
-		<div class="multiple">{{ gender }}
+		<div class="multiple">
 			<checked-gender :list="genderList" @change="handleChange" v-model:selected="gender" />
 		</div>
 	</div>

src/views/shopping-drawer.vue

@@ -42,7 +42,7 @@ defineExpose({})
 const {} = toRefs(data);
 </script>
 <template>
-	<el-drawer v-model="isShoppingShow" width="50rem" class="addShoppingDrawer"  :close-on-click-modal="false" title="I am the title" :with-header="false">
+	<el-drawer v-model="isShoppingShow" width="50rem" class="addShoppingDrawer"  :close-on-click-modal="true" title="I am the title" :with-header="false">
 		<div class="addShoppingInfo">
 			<div class="header">
 				<div class="title">{{ $t('addShoppingCart.title') }}</div>
@@ -74,7 +74,7 @@ const {} = toRefs(data);
 				</div>
 				<div class="statement">
 					<div class="icon">
-						<SvgIcon name="statement" size="16.6" />
+						<SvgIcon name="statement" size="20" />
 					</div>
 					{{ $t('addShoppingCart.statement') }}
 				</div>