fix

src/assets/icons/statement.svg

@@ -1,4 +1,5 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.32919 0C3.73406 0 0 3.7382 0 8.33333C0 12.9285 3.7382 16.6667 8.32919 16.6667C12.9202 16.6667 16.6584 12.9285 16.6584 8.33333C16.6584 3.7382 12.9243 0 8.32919 0ZM8.32919 15.7352C4.24739 15.7352 0.927306 12.4151 0.927306 8.33333C0.927306 4.25153 4.24739 0.931445 8.32919 0.931445C12.411 0.931445 15.7311 4.25153 15.7311 8.33333C15.7311 12.4151 12.411 15.7352 8.32919 15.7352Z" fill="#979797"/>
+<path d="M9.99326 1.66675C5.39812 1.66675 1.66406 5.40495 1.66406 10.0001C1.66406 14.5952 5.40226 18.3334 9.99326 18.3334C14.5842 18.3334 18.3224 14.5952 18.3224 10.0001C18.3224 5.40495 14.5884 1.66675 9.99326 1.66675ZM9.99326 17.402C5.91145 17.402 2.59137 14.0819 2.59137 10.0001C2.59137 5.91828 5.91145 2.59819 9.99326 2.59819C14.0751 2.59819 17.3951 5.91828 17.3951 10.0001C17.3951 14.0819 14.0751 17.402 9.99326 17.402Z" fill="#979797"/>
-<path d="M8.84744 7.50551C8.84744 7.21972 8.61576 6.98804 8.32997 6.98804C8.04418 6.98804 7.8125 7.21972 7.8125 7.50551V12.4732C7.8125 12.759 8.04418 12.9907 8.32997 12.9907C8.61576 12.9907 8.84744 12.759 8.84744 12.4732V7.50551Z" fill="#979797"/>
+<path d="M10.5115 9.17225C10.5115 8.88646 10.2798 8.65479 9.99403 8.65479C9.70824 8.65479 9.47656 8.88646 9.47656 9.17225V14.14C9.47656 14.4258 9.70824 14.6574 9.99403 14.6574C10.2798 14.6574 10.5115 14.4258 10.5115 14.14V9.17225Z" fill="#979797"/>
+<path d="M9.99592 6.68813C10.4513 6.68813 10.8239 6.31555 10.8239 5.86018C10.8239 5.4048 10.4513 5.03223 9.99592 5.03223C9.54055 5.03223 9.16797 5.4048 9.16797 5.86018C9.16797 6.31555 9.54055 6.68813 9.99592 6.68813Z" fill="#979797"/>
 </svg>

src/components/Footer.vue

@@ -9,13 +9,13 @@
 				<div>{{ $t('footer.SiteMap') }}</div>
 			</div>
 			<div class="right">
-				<img src="@/assets/images/icons/xiaohongshu.png" />
+				<img src="@/assets/images/icons/xiaohongshu.png" @click="skip('xiaohongshu')" />
-				<img src="@/assets/images/icons/linkedin.png" />
+				<img src="@/assets/images/icons/linkedin.png" @click="skip('linkedin')" />
-				<img src="@/assets/images/icons/instagram.png" />
+				<img src="@/assets/images/icons/instagram.png" @click="skip('instagram')" />
-				<img src="@/assets/images/icons/facebook.png" />
+				<img src="@/assets/images/icons/facebook.png" @click="skip('facebook')" />
-				<img src="@/assets/images/icons/douyin.png" />
+				<img src="@/assets/images/icons/douyin.png" @click="skip('tiktok')" />
-				<img src="@/assets/images/icons/wechat.png" />
+				<img src="@/assets/images/icons/youtube.png" @click="skip('youtube')" />
-				<div class="text">© Code-Create 2026</div>
+				<div class="text" @click="skip('code-create')">© Code-Create 2026</div>
 			</div>
 		</div>
 	</section>
@@ -23,6 +23,18 @@
 
 <script setup lang="ts">
 	import { computed, ref } from 'vue'
+	let urlList = ref({
+		xiaohongshu: 'https://xhslink.com/m/5Ony2FapizV',
+		linkedin: 'https://www.linkedin.com/company/code-create-limited/posts?feedView=all',
+		instagram: 'https://www.instagram.com/aida_codecreate?igsh=MzRlODBiNWFlZA==  ',
+		facebook: 'https://www.facebook.com/CodeCreateAI',
+		tiktok: 'https://www.tiktok.com/@aida_codecreate',
+		youtube: 'https://www.youtube.com/@Code-Create_AiDA',
+		'code-create': 'https://www.code-create.com/',
+	})
+	const skip = (name: string) => {
+		window.open(urlList.value[name], '_blank')
+	}
 </script>
 
 <style lang="less">

src/lang/en.ts

@@ -245,7 +245,7 @@ export default {
 	brand: {
 		title: 'Brand',
 		description: "Every brand, every story — discover who's behind the collections.",
-		search: 'Search brand',
+		search: 'Enter a brand name...',
 		noFound: 'Brand No Found',
 		noFoundTip: 'Try using another keywords.',
 		searchHistory: 'Searching History',
@@ -358,7 +358,7 @@ export default {
 	addShoppingCart:{
 		title: 'Added to your Shopping Cart',
 		statement: 'Digital Assets Only. No physical product included.',
-		button: 'Set Shopping Cart'
+		button: 'See Shopping Cart'
 	},
 	area: {
 		chinaMainland: 'China Mainland',

src/lang/zh-cn.ts

@@ -242,7 +242,7 @@ export default {
 	brand: {
 		title: '品牌',
 		description: '每一个品牌，每一个故事 — 发现系列作品背后的缔造者。',
-		search: '搜索品牌',
+		search: '输入一个品牌名字',
 		noFound: '未找到品牌',
 		noFoundTip: '请尝试使用其他关键词。',
 		searchHistory: '搜索历史',

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>