页脚添加跳转地址

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;