Как добавить заголовок. vue и нижний колонтитул. vue в другой компонент в vue js с laravel? - PullRequest
Новая
       7

Как добавить заголовок. vue и нижний колонтитул. vue в другой компонент в vue js с laravel?

0 голосов
/ 18 апреля 2020

У меня есть верхний колонтитул. vue и нижний колонтитул. vue, и я хочу добавить его в Home. vue, но когда я добавляю его, требуется огромное пространство под верхним и нижним колонтитулом. Я добавляю заголовок. vue внизу и нижний колонтитул. vue вверху, но занимая огромное место. почему это происходит?

Дом. vue

  <template>

     <div id="app">
        <v-app id="healthy">

 <vue-header></vue-header>

    <v-row align="center" justify="center" >
      <v-col cols="12" sm="8"  md="4" >

        <v-card class="elevation-12" justify="center" align="center">
          <v-toolbar color="primary" dark flat>

            <v-toolbar-title ></v-toolbar-title>

          </v-toolbar>

          <h3 class="mt-5"> What you want ? </h3>
          <v-card-text>
            <v-form justify="center">
              <v-btn color="primary" rounded  class="mt-12 mb-12" v-on:click="dash">Dashboard</v-btn>

              <v-btn color="primary" rounded  class="mb-12" v-on:click="showAlert">Contact</v-btn>

            </v-form>               
          </v-card-text>

        </v-card>
      </v-col>
    </v-row>

 <vue-footer></vue-footer>  

    </v-app>
  </div>

Изображение показано ниже. почему огромное пространство занимает нижний колонтитул. я размещаю верхний и нижний колонтитулы в нужном месте ??? enter image description here

Нижний колонтитул. vue

 <template>
<div id="app">
    <v-app id="inspire">
        <v-footer  height="auto" color="#CDCDCD" class="font-weight-medium">
            <v-col class="text-center white--text" cols="12">
                <a href="https://www.google.com/" style="float: center;">  Google </a>             
            </v-col>
        </v-footer>
    </v-app>
  </div>

...