aidlab/Aida_Purchaser_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
李志鹏
2026-06-01 14:36:23 +08:00
parent 7f08c52a98
commit 183e7e551e
5 changed files with 42 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Footer.vue
View File

@@ -1,13 +1,16 @@
<template>
<section class="section-footer">
<div class="footer">
<div class="left">
<div class="left" v-show="!isHome">
<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('disclaimer')">{{ $t('footer.Disclaimer') }}</div>
<div @click="skip('site-map')">{{ $t('footer.SiteMap') }}</div>
</div>
<div class="left" v-show="isHome">
<div class="text" @click="skip('code-create')">© Code-Create 2026</div>
</div>
<div class="right">
<img src="@/assets/images/icons/xiaohongshu.png" @click="skip('xiaohongshu')" />
<img src="@/assets/images/icons/linkedin.png" @click="skip('linkedin')" />
@@ -15,7 +18,9 @@
<img src="@/assets/images/icons/facebook.png" @click="skip('facebook')" />
<img src="@/assets/images/icons/douyin.png" @click="skip('tiktok')" />
<img src="@/assets/images/icons/youtube.png" @click="skip('youtube')" />
<div class="text" @click="skip('code-create')">© Code-Create 2026</div>
<div v-show="!isHome" class="text" @click="skip('code-create')">
© Code-Create 2026
</div>
</div>
</div>
</section>
@@ -23,6 +28,12 @@
<script setup lang="ts">
import { computed, ref } from 'vue'
const props = defineProps({
isHome: {
type: Boolean,
default: false
}
})
let urlList = ref({
xiaohongshu: 'https://xhslink.com/m/5Ony2FapizV',
linkedin: 'https://www.linkedin.com/company/code-create-limited/posts?feedView=all',
@@ -35,7 +46,7 @@
'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/',
'site-map': 'https://code-create.com.hk/site-map/'
})
const skip = (name: string) => {
window.open(urlList.value[name], '_blank')
@@ -71,7 +82,7 @@
margin-left: 2rem;
cursor: pointer;
}
.text{
.text {
margin-left: 4rem;
font-family: KaiseiOpti-Regular;
font-size: 1.2rem;

4
src/utils/tools.ts
View File

@@ -211,7 +211,3 @@ export function FormatBytes(bytes, options: { decimals?: number, unitBig?: boole
const value = bytes / Math.pow(k, i);
return `${Number(value.toFixed(decimals))} ${sizes[i]}`;
}
export const openAida = () => {
window.open('https://www.aida.com.hk/', '_blank')
}

8
src/views/home/UrlList.js Normal file
View File

@@ -0,0 +1,8 @@
export const UrlList = {
aida: 'https://www.aida.com.hk/',
codeCreate: 'https://www.code-create.com/',
}
export const openView = (url) => {
window.open(url, '_blank')
}

4
src/views/home/section-aida.vue
View File

@@ -5,14 +5,14 @@
<div class="aida-logo"><img src="@/assets/images/logos/aida.png" /></div>
<div class="title">{{ $t('Home.AidaTitle') }}</div>
<div class="tip">{{ $t('Home.AidaTip') }}</div>
<button custom @click="openAida">{{ $t('Home.TryNow') }}</button>
<button custom @click="openView(UrlList.aida)">{{ $t('Home.TryNow') }}</button>
</div>
</section>
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import { openAida } from '@/utils/tools'
import { UrlList, openView } from './UrlList'
</script>
<style lang="less">

49
src/views/home/section-footer.vue
View File

@@ -3,13 +3,21 @@
<div class="content">
<div class="mate">
<div class="logos">
<img src="@/assets/images/logos/code-create-black.png" />
<img
src="@/assets/images/logos/code-create-black.png"
@click="openView(UrlList.codeCreate)"
/>
<img src="@/assets/images/logos/stylish-parade-black.png" />
<img src="@/assets/images/logos/aida-black.png" />
<img
src="@/assets/images/logos/aida-black.png"
@click="openView(UrlList.aida)"
/>
</div>
<div class="tip">{{ $t('Home.FooterTip') }}</div>
<div class="link">
<span class="text" @click="openAida">{{ $t('Home.FooterAidaTip') }}</span>
<span class="text" @click="openView(UrlList.aida)">{{
$t('Home.FooterAidaTip')
}}</span>
<span class="icon"><svg-icon name="arrow_right" size="12" /></span>
</div>
</div>
@@ -35,25 +43,16 @@
<div class="item">{{ $t('Home.JoinWithUs') }}</div>
</div>
</div>
<div class="footer">
<div class="left">© Code-Create 2026</div>
<div class="right">
<img src="@/assets/images/icons/xiaohongshu.png" />
<img src="@/assets/images/icons/linkedin.png" />
<img src="@/assets/images/icons/instagram.png" />
<img src="@/assets/images/icons/facebook.png" />
<img src="@/assets/images/icons/douyin.png" />
<img src="@/assets/images/icons/wechat.png" />
</div>
</div>
<HomeFooter class="footer" isHome />
</section>
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import { openAida } from '@/utils/tools'
import { useRouter } from 'vue-router'
const router = useRouter()
import HomeFooter from '@/components/Footer.vue'
import { UrlList, openView } from './UrlList'
</script>
<style lang="less">
@@ -135,24 +134,8 @@
}
}
> .footer {
padding: 0 8rem;
height: 7rem;
display: flex;
align-items: center;
justify-content: space-between;
> .left {
font-family: KaiseiOpti-Regular;
font-size: 1.2rem;
color: #585858;
}
> .right {
display: flex;
> img {
width: 2rem;
height: 2rem;
margin-left: 1.6rem;
}
}
border: none;
width: 100%;
}
}
</style>