From 7f08c52a98377be12d66377617b7a220a83ab1db Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 1 Jun 2026 14:16:13 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E8=84=9A=E6=B7=BB=E5=8A=A0=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 4f31bc3..43de617 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -2,11 +2,11 @@
 	<section class="section-footer">
 		<div class="footer">
 			<div class="left">
-				<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 @click="skip('about')">{{ $t('footer.About') }}</div>
+				<div @click="skip('privacy-policy')">{{ $t('footer.PrivacyPolicy') }}</div>
+				<div @click="skip('terms-of-use')">{{ $t('footer.TermsOfUse') }}</div>
+				<div @click="skip('disclaimer')">{{ $t('footer.Disclaimer') }}</div>	
+				<div @click="skip('site-map')">{{ $t('footer.SiteMap') }}</div>
 			</div>
 			<div class="right">
 				<img src="@/assets/images/icons/xiaohongshu.png" @click="skip('xiaohongshu')" />
@@ -31,6 +31,11 @@
 		tiktok: 'https://www.tiktok.com/@aida_codecreate',
 		youtube: 'https://www.youtube.com/@Code-Create_AiDA',
 		'code-create': 'https://www.code-create.com/',
+		about: 'https://code-create.com.hk/about-us/ ',
+		'privacy-policy': 'https://code-create.com.hk/privacy-policy/',
+		'terms-of-use': 'https://code-create.com.hk/terms-of-use/',
+		disclaimer: 'https://code-create.com.hk/disclaimer/',
+		'site-map': 'https://code-create.com.hk/site-map/',
 	})
 	const skip = (name: string) => {
 		window.open(urlList.value[name], '_blank')
@@ -53,6 +58,9 @@
 				color: #585858;
 				display: flex;
 				gap: 4.5rem;
+				> div {
+					cursor: pointer;
+				}
 			}
 			> .right {
 				display: flex;
@@ -61,6 +69,7 @@
 					width: 2rem;
 					height: 2rem;
 					margin-left: 2rem;
+					cursor: pointer;
 				}
 				.text{
 					margin-left: 4rem;