Официальный пример 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](https://i.stack.imgur.com/QBV5r.png)
Без ошибок в консоли. ![enter image description here](https://i.stack.imgur.com/HxkDF.png)