footer collectionstory语言适配

src/components/Footer.vue

@@ -2,11 +2,11 @@
 	<section class="section-footer">
 		<div class="footer">
 			<div class="left">
-				<div>About</div>
-				<div>Privacy Policy</div>
-				<div>Terms of Use</div>
-				<div>Disclaimer</div>
-				<div>Site Map</div>
+				<div>{{ $t('footer.About') }}</div>
+				<div>{{ $t('footer.PrivacyPolicy') }}</div>
+				<div>{{ $t('footer.TermsOfUse') }}</div>
+				<div>{{ $t('footer.Disclaimer') }}</div>	
+				<div>{{ $t('footer.SiteMap') }}</div>
 			</div>
 			<div class="right">
 				<img src="@/assets/images/icons/xiaohongshu.png" />

src/directives/avatarLoad.js

@@ -3,9 +3,11 @@ import avatar from '@/assets/images/avatar.png'
 export default {
 	name: 'avatarLoad',
 	mmounted(el, binding) {
+		console.log(binding.value)
 		loadImage(el, binding.value)
 	},
 	updated(el, binding) {
+		console.log(binding,1111)
 		// 当 binding.value 发生变化时重新加载
 		if (binding.oldValue !== binding.value) {
 			loadImage(el, binding.value)

src/lang/en.ts

@@ -194,5 +194,24 @@ export default {
 		bottoms: 'Bottoms',
 		outwear: 'Outwear',
 		others: 'Others'
+	},
+	collectionStory: {
+		back: 'Back to Home',
+		title: 'We’re Seeking',
+		description: 'Fashion Voice Worth Featuring.',
+		button: 'Contact Us if Interested',
+		joinUs: {
+			title: 'Join Our Designer Community',
+			info: 'Join our community of visionaries and publish your collection story.',
+			info2: 'We are currently seeking collections that deeply integrate the AiDA creative workflow, specifically those that resonate through powerful core concepts and evocative inspiration. ',
+			info3: 'This architecture is designed to elevate your exposure through profound "propositional expression," ensuring that soulful, story-driven designs achieve higher market premiums and superior sales conversion.'
+		}
+	},
+	footer:{
+		About: 'About',
+		PrivacyPolicy: 'Privacy Policy',
+		TermsOfUse: 'Terms of Use',
+		Disclaimer: 'Disclaimer',
+		SiteMap: 'Site Map',
 	}
 }

src/lang/zh-cn.ts

@@ -194,5 +194,24 @@ export default {
 		bottoms: '下装',
 		outwear: '外套',
 		others: '其他'
+	},
+	collectionStory: {
+		back: '返回首页',
+		title: "我们在寻找",
+		description: "值得被听见的时尚之声",
+		button: "如有兴趣，请联系我们",
+		joinUs: {
+			title: '加入我们的设计师社区，',
+			info: "加入我们的远见者社区，发表你的系列故事。",
+			info2: "我们目前正在寻找深度整合 AiDA 创意工作流程的系列作品，特别是那些通过强大的核心理念和富有感染力的灵感而产生共鸣的作品。",
+			info3: "这一架构旨在通过深刻的‘命题式表达’提升你的曝光度，确保那些有灵魂、由故事驱动的设计能获得更高的市场溢价和卓越的销售转化率。"
+		}
+	},
+	footer:{
+		About: '关于我们',
+		PrivacyPolicy: '隐私政策',
+		TermsOfUse: '条款与条件',
+		Disclaimer: '免责声明',
+		SiteMap: '地图',
 	}
 }

src/views/brand/index.vue

@@ -29,11 +29,11 @@ const searchHistory = ref([
 
 let changeSearchBrandTime = null
 const changeSearchBrand = () => {
+	merchantList.value = []
 	clearTimeout(changeSearchBrandTime)
 	getDesignerList({
 		keyword: searchBrand.value,
 	}).then((res)=>{
-		merchantList.value = []
 		merchantList.value.push(...res)
 	})
 	// changeSearchBrandTime = setTimeout(()=>{
@@ -103,6 +103,11 @@ const viewProfile = (item) => {
 	})
 }
 
+const setSearchHistory = (item) => {
+	searchBrand.value = item
+	changeSearchBrand()
+}
+
 onMounted(()=>{
 	const value = localStorage.getItem('brandSearchHistory');
 	if(value)searchHistory.value = JSON.parse(value)
@@ -113,7 +118,7 @@ defineExpose({})
 const {} = toRefs(data);
 </script>
 <template>
-	<div class="brand">
+		<div class="brand">
 		<div class="header-img" :class="{'active': searchBrand.length > 0}">
 			<img src="@/assets/images/brand/brandBg.png" alt="">
 			<div class="text-box">
@@ -129,7 +134,7 @@ const {} = toRefs(data);
 				</div>
 			</div>
 			<div class="merchantList" v-if="searchBrand.length > 0">
-				<brand-item v-for="item in merchantList" :key="item.name" :item="item" @viewProfile="viewProfile"></brand-item>
+				<brand-item v-for="item in merchantList" :key="item.sellerId" :item="item" @viewProfile="viewProfile"></brand-item>
 				<div class="end" v-show="!getMerchantData.isNoData && !getMerchantData.isShowMark">- The End-</div>
 				<!-- <div v-show="!getMerchantData.isNoData" class="material_content_list_loding">
 					<span class="page_loading" v-show="!getMerchantData.isShowMark" v-observe="getBrandList"></span>
@@ -153,7 +158,7 @@ const {} = toRefs(data);
 					<span>Searching History</span>
 				</div>
 				<div class="history">
-					<div v-for="item in searchHistory" :key="item" @click.stop="searchBrand = item" class="item">
+					<div v-for="item in searchHistory" :key="item" @click.stop="setSearchHistory(item)" class="item">
 						<span>{{item}}</span>
 						<div class="icon" @click.stop="deleteHistory(item)">
 							<SvgIcon name="brand-delete" size="18" />
@@ -287,7 +292,7 @@ const {} = toRefs(data);
 				.end{
 					font-family: 'KaiseiOpti-Regular';
 					font-weight: 400;
-					font-size: 12px;
+					font-size: 1.2rem;
 					line-height: 140%;
 					height: 7rem;
 					display: flex;

src/views/collectionStory/detail/join-us.vue

@@ -15,17 +15,17 @@ const {} = toRefs(data);
 </script>
 <template>
 	<div class="joinUs">
-		<div class="title">Join Our Designer Community</div>
+		<div class="title">{{ $t('collectionStory.joinUs.title') }}</div>
 		<div class="info">
 			<div>
-				Join our community of visionaries and publish your collection story.
+				{{ $t('collectionStory.joinUs.info') }}
 			</div>
 			<div>
-				We are currently seeking collections that deeply integrate the AiDA creative workflow, specifically those that resonate through powerful core concepts and evocative inspiration. 
+				{{ $t('collectionStory.joinUs.info2') }}
 			</div>
 			<br />
 			<div>
-				This architecture is designed to elevate your exposure through profound "propositional expression," ensuring that soulful, story-driven designs achieve higher market premiums and superior sales conversion.
+				{{ $t('collectionStory.joinUs.info3') }}
 			</div>
 		</div>
 	</div>

src/views/collectionStory/index.vue

@@ -24,19 +24,21 @@ const {} = toRefs(data);
 			<img class="banner" src="@/assets/images/collectionStory/collection_story_banner.png" alt="">
 			<div class="back">
 				<SvgIcon name="collectionStory-back" size="20" />
-				<div class="text">Back to Home</div>
+				<div class="text">{{ $t('collectionStory.back') }}</div>	
 			</div>
 			<div class="title-content">
 				<div class="title-box">
 					<div class="title">
-						We’re Seeking 
+						 {{ $t('collectionStory.title') }}
 					</div>
 					<div class="info">
-						Fashion Voice Worth Featuring.
+						 {{ $t('collectionStory.description') }}
 					</div>
 				</div>
 				<div class="button">
-					<a href="mailto:info@code-create.com.hk">Contact Us if Interested</a>
+					<a href="mailto:info@code-create.com.hk">
+						 {{ $t('collectionStory.button') }}
+					</a>
 				</div>
 			</div>
 		</div>

src/views/digitalDetail/index.vue

@@ -222,7 +222,7 @@ defineExpose({})
 				> .left{
 					border-right: 0.5px solid #C4C4C4;
 					.imgBox{
-						padding: 0 30px;
+						padding: 0 3rem;
 					}
 				}
 				> .right{