页脚添加跳转地址

This commit is contained in:
X1627315083@163.com
2026-06-01 14:16:13 +08:00
parent c004308f77
commit 7f08c52a98

View File

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