页脚添加跳转地址
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user