78 lines
2.0 KiB
Vue
78 lines
2.0 KiB
Vue
<template>
|
|
<section class="footer-section section">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 footer-top">
|
|
<div class="row d-flex justify-content-center align-items-stretch">
|
|
<div
|
|
class="col-2 d-flex justify-content-center align-items-center mt-5"
|
|
>
|
|
<p>نقشه سایت</p>
|
|
</div>
|
|
<div
|
|
class="col-8 d-flex justify-content-center align-items-center mt-4"
|
|
>
|
|
<div class="footer-top-img">
|
|
<img src="../../../../assets/majles/img/site12.svg" alt="" />
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-2 d-flex justify-content-center align-items-center mt-5"
|
|
>
|
|
<p>تماس با ما</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="container">
|
|
<div class="row d-flex justify-content-center mt-3">
|
|
<div
|
|
class="footer-card m-3"
|
|
v-for="(item, index) in menu.subjects"
|
|
:key="index"
|
|
>
|
|
<img :src="iconGetter(item.icon)" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="copyright">
|
|
<span>
|
|
.کلیه حقوق مادی و معنوی سایت، متعلق به مجلس شورای اسلامی می باشد.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
<script>
|
|
import menu from "~/json/dashboard/majles/json/majlesFooter.json";
|
|
export default {
|
|
|
|
|
|
|
|
data() {
|
|
return {
|
|
activeButton: 1,
|
|
menu: menu,
|
|
};
|
|
},
|
|
|
|
|
|
methods: {
|
|
changeActive(item) {
|
|
this.activeButton = item;
|
|
},
|
|
iconGetter(name) {
|
|
return require("assets/majles/img/" + name);
|
|
},
|
|
},
|
|
|
|
};
|
|
</script>
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|