mirror of
				https://github.com/creativetimofficial/vue-material-kit.git
				synced 2025-11-04 08:05:40 +08:00 
			
		
		
		
	Модифицирован футер
This commit is contained in:
		
							parent
							
								
									567b6c460f
								
							
						
					
					
						commit
						16a2788b5e
					
				@ -12,33 +12,7 @@ defineProps({
 | 
				
			|||||||
      route: "/"
 | 
					      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: {
 | 
					  menus: {
 | 
				
			||||||
    type: Array,
 | 
					    type: Array,
 | 
				
			||||||
    name: String,
 | 
					    name: String,
 | 
				
			||||||
@ -127,51 +101,17 @@ defineProps({
 | 
				
			|||||||
    <div class="container">
 | 
					    <div class="container">
 | 
				
			||||||
      <div class="row">
 | 
					      <div class="row">
 | 
				
			||||||
        <div class="col-md-3 mb-4 ms-auto">
 | 
					        <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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div class="col-12">
 | 
					        <div class="col-12">
 | 
				
			||||||
          <div class="text-center">
 | 
					          <div class="text-center">
 | 
				
			||||||
            <p class="text-dark my-4 text-sm font-weight-normal">
 | 
					            <p class="text-dark my-4 text-sm font-weight-normal">
 | 
				
			||||||
              All rights reserved. Copyright ©
 | 
					              Екатерина Кузнецова, Ирина Комарова.
 | 
				
			||||||
              {{ new Date().getFullYear() }}
 | 
					              {{ new Date().getFullYear() }}
 | 
				
			||||||
              Material Kit by
 | 
					              . Использованы материалы
 | 
				
			||||||
              <a href="https://www.creative-tim.com" target="_blank"
 | 
					              <a href="https://www.creative-tim.com" target="_blank"
 | 
				
			||||||
                >Creative Tim</a
 | 
					                >Creative Tim</a
 | 
				
			||||||
              >.
 | 
					              >.
 | 
				
			||||||
 | 
				
			|||||||
@ -22,7 +22,6 @@ import DefaultFooter from "../../examples/footers/FooterDefault.vue";
 | 
				
			|||||||
import Header from "../../examples/Header.vue";
 | 
					import Header from "../../examples/Header.vue";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// sections
 | 
					// sections
 | 
				
			||||||
import PresentationCounter from "./Sections/PresentationCounter.vue";
 | 
					 | 
				
			||||||
import PresentationSearch from "./Sections/PresentationSearch.vue";
 | 
					import PresentationSearch from "./Sections/PresentationSearch.vue";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -46,6 +45,7 @@ onUnmounted(() => {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
import axios from 'axios';
 | 
					import axios from 'axios';
 | 
				
			||||||
 | 
					import PresentationCounter from "./Sections/PresentationCounter.vue";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
    data() {
 | 
					    data() {
 | 
				
			||||||
@ -55,12 +55,14 @@ export default {
 | 
				
			|||||||
    },
 | 
					    },
 | 
				
			||||||
    async created() {
 | 
					    async created() {
 | 
				
			||||||
        try {
 | 
					        try {
 | 
				
			||||||
      const response = await axios.get('http://somebodyhire.me/api/projects/');
 | 
					            const response = await axios.get("http://somebodyhire.me/api/projects/");
 | 
				
			||||||
            this.projects = response.data;
 | 
					            this.projects = response.data;
 | 
				
			||||||
    } catch (error) {
 | 
					        }
 | 
				
			||||||
      console.error('There was an error fetching the projects', error);
 | 
					        catch (error) {
 | 
				
			||||||
 | 
					            console.error("There was an error fetching the projects", error);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					    components: { PresentationCounter }
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -114,19 +116,7 @@ export default {
 | 
				
			|||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</div>
 | 
					</div>
 | 
				
			||||||
</Header>
 | 
					</Header>
 | 
				
			||||||
 | 
					<PresentationCounter />
 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<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>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  <DefaultFooter />
 | 
					  <DefaultFooter />
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user