Модифицирован футер

This commit is contained in:
FEARmeR 2023-05-20 15:50:04 +01:00
parent 567b6c460f
commit 16a2788b5e
2 changed files with 23 additions and 93 deletions

View File

@ -12,33 +12,7 @@ defineProps({
route: "/"
})
},
socials: {
type: Array,
icon: String,
link: String,
default: () => [
{
icon: '<i class="fab fa-facebook text-lg opacity-8"></i>',
link: "https://www.facebook.com/CreativeTim/"
},
{
icon: '<i class="fab fa-twitter text-lg opacity-8"></i>',
link: "https://twitter.com/creativetim"
},
{
icon: '<i class="fab fa-dribbble text-lg opacity-8"></i>',
link: "https://dribbble.com/creativetim"
},
{
icon: '<i class="fab fa-github text-lg opacity-8"></i>',
link: "https://github.com/creativetimofficial"
},
{
icon: '<i class="fab fa-youtube text-lg opacity-8"></i>',
link: "https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w"
}
]
},
menus: {
type: Array,
name: String,
@ -127,51 +101,17 @@ defineProps({
<div class="container">
<div class="row">
<div class="col-md-3 mb-4 ms-auto">
<div>
<a :href="brand.route">
<img :src="brand.logo" class="mb-3 footer-logo" alt="main_logo" />
</a>
<h6 class="font-weight-bolder mb-4">{{ brand.name }}</h6>
</div>
<div>
<ul class="d-flex flex-row ms-n3 nav">
<li
class="nav-item"
v-for="{ icon, link } of socials"
:key="link"
>
<a
class="nav-link pe-1"
:href="link"
target="_blank"
v-html="icon"
>
</a>
</li>
</ul>
</div>
</div>
<div
class="col-md-2 col-sm-6 col-6 mb-4"
v-for="{ name, items } of menus"
:key="name"
>
<h6 class="text-sm">{{ name }}</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item" v-for="item of items" :key="item.name">
<a class="nav-link" :href="item.href" target="_blank">
{{ item.name }}
</a>
</li>
</ul>
</div>
<div class="col-12">
<div class="text-center">
<p class="text-dark my-4 text-sm font-weight-normal">
All rights reserved. Copyright ©
Екатерина Кузнецова, Ирина Комарова.
{{ new Date().getFullYear() }}
Material Kit by
. Использованы материалы
<a href="https://www.creative-tim.com" target="_blank"
>Creative Tim</a
>.

View File

@ -22,7 +22,6 @@ import DefaultFooter from "../../examples/footers/FooterDefault.vue";
import Header from "../../examples/Header.vue";
// sections
import PresentationCounter from "./Sections/PresentationCounter.vue";
import PresentationSearch from "./Sections/PresentationSearch.vue";
@ -46,21 +45,24 @@ onUnmounted(() => {
<script>
import axios from 'axios';
import PresentationCounter from "./Sections/PresentationCounter.vue";
export default {
data() {
return {
projects: [],
};
},
async created() {
try {
const response = await axios.get('http://somebodyhire.me/api/projects/');
this.projects = response.data;
} catch (error) {
console.error('There was an error fetching the projects', error);
}
},
data() {
return {
projects: [],
};
},
async created() {
try {
const response = await axios.get("http://somebodyhire.me/api/projects/");
this.projects = response.data;
}
catch (error) {
console.error("There was an error fetching the projects", error);
}
},
components: { PresentationCounter }
};
</script>
@ -114,19 +116,7 @@ export default {
</div>
</div>
</Header>
<div class="card card-body blur shadow-blur mx-3 mx-md-4 mt-n6">
<PresentationCounter />
<div class="project-container">
<div class="project-card" v-for="project in projects" :key="project.id">
<h3>{{ project.title }}</h3>
<p>{{ project.description }}</p>
</div>
</div>
</div>
<PresentationCounter />
<DefaultFooter />
</template>