Не получается оформленный макет - PullRequest
0 голосов
/ 07 января 2020

Официальный пример Vuetify

Я, скажем, скопировал макет из документов Vuetify, но я не получаю тот же макет. Я не могу понять, что блокирует меня. Есть ли какие-то свойства по умолчанию, с которыми мне приходится иметь дело?

Вход. vue:

    <template>
    <v-app id="inspire">
    <v-content>
      <v-container
        class="fill-height"
        fluid
      >
        <v-row 
          align="center"
          justify="center"
        >
          <v-col
            cols="12"
            sm="8"
            md="4"
          >
            <v-card class="elevation-12">
              <v-toolbar
                color="primary"
                dark
                flat
              >
                <v-toolbar-title>Login</v-toolbar-title>
                <v-spacer />

              </v-toolbar>
              <v-card-text>
                <v-form>
                  <v-text-field
                    label="Login"
                    name="login"
                    prepend-icon="person"
                    type="text"
                    v-model="username"
                  />

                  <v-text-field
                    id="password"
                    label="Password"
                    name="password"
                    prepend-icon="lock"
                    type="password"
                    v-model="password"
                  />
                </v-form>
              </v-card-text>
              <v-card-actions>
                <v-spacer />
                <v-btn @click="login" color="primary" >Login</v-btn>
              </v-card-actions>
            </v-card>
          </v-col>
        </v-row>
      </v-container>
      </v-content>
     </v-app>
    </template>

app. vue:

    <template>
    <v-app id="app">
    <v-content>
      <v-container fluid>
        <router-view />
      </v-container>
    </v-content>
    </v-app>
    </template>
    <script>

У меня нет специально разработанного css. Я использую vue-cli.

Вот как выглядит мой макет:

enter image description here

Без ошибок в консоли. enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...