mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 21:04:21 +08:00
Модифицирован футер
This commit is contained in:
parent
567b6c460f
commit
16a2788b5e
@ -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
|
||||
>.
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user