bigdatacloud/web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

base

Browse Source
This commit is contained in:
Thien Pham Van
2026-03-17 14:08:57 +07:00
parent c9940afc82
commit cf144ea896
34 changed files with 10875 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/components/Footer/Footer.vue Normal file
View File

@@ -0,0 +1,36 @@
<template>
<footer class="footer">
<div class="container">
<div class="columns">
<div class="column"><FooterInfo /></div>
<div class="column">
<!-- <h3>Lien he</h3> -->
</div>
</div>
<div class="copy-right">
<img src="/icons/shield.svg" alt="" />
<span>BigDataTech Cloud. All rights reserved.</span>
</div>
</div>
</footer>
</template>
<script>
import FooterInfo from './FooterInfo.vue';
</script>
<style lang="scss">
.footer {
// padding: 0 0 20px;
padding-bottom: 0;
.copy-right {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
img {
width: 32px;
height: 32px;
}
}
}
</style>

42
app/components/Footer/FooterInfo.vue Normal file
View File

@@ -0,0 +1,42 @@
<template>
<div class="company">
<p class="logo">
<img src="/logo.png" alt="Logo" />
</p>
<p class="company-item">
<img class="icon" src="/icons/map.svg" alt="icon-map" />
<span>{{ companyInfo.address }}</span>
</p>
<p class="company-item">
<img class="icon" src="/icons/phone-call.svg" alt="icon-phone" />
<span>{{ companyInfo.phone.hotline }}</span>
</p>
<p class="company-item">
<img class="icon" src="/icons/email.svg" alt="icon-email" />
<span>{{ companyInfo.email.contact }}</span>
</p>
</div>
</template>
<script setup>
import { companyInfo } from '~/config/company';
</script>
<style lang="scss">
.company {
.logo {
width: 200px;
}
.company-item {
display: flex;
gap: 10px;
& + .company-item {
margin-top: 10px;
}
.icon {
width: 28px;
height: 28px;
}
}
}
</style>