Я пытаюсь создать решение Vue и Vuetify (также использующее httpVueLoader), чтобы получить решение с Vue, но без использования npm или чего-либо подобного (просто включение файлов javascript старой школы).Я использовал простой макет формы входа в систему, чтобы проверить, как установить их цвета, но это не удалось.
Файл Login.html:
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="login">
<login></login>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="lib/httpVueLoader.js"></script>
<script src="https://unpkg.com/vuetify/dist/vuetify.js"></script>
<script src="src/login.js"></script>
</body>
</html>
Файл Login.js
Vue.use(Vuetify, {
theme: {
primary: "#4CAF50",
secondary: "#2E7D32",
accent: "#FF4081",
error: "#f44336",
warning: "#FFA726",
info: "#2196f3",
success: "#4caf50"
}
})
new Vue({
el: '#login',
components: {
'login': httpVueLoader('src/Login.vue')
}
})
Файл Login.vue
<template>
<v-app>
<v-content>
<v-container fluid fill-height>
<v-layout align-center justify-center>
<v-flex xs12 sm8 md4>
<v-card class="elevation-5">
<v-toolbar color="primary">
<v-toolbar-title>Member login</v-toolbar-title>
<v-spacer></v-spacer>
</v-toolbar>
<v-card-text>
<v-form>
<v-text-field prepend-icon="person" name="email" label="email" type="text"></v-text-field>
<v-text-field id="password" prepend-icon="lock" name="password" label="Password" type="password"></v-text-field>
</v-form>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary">Login</v-btn>
</v-card-actions>
</v-card>
</v-flex>
</v-layout>
</v-container>
</v-content>
</v-app>
</template>
<script>
module.exports = {
name: 'login',
data: function() {
return {
}
}
}
</script>
<style lang="css">
</style>
Отображается правильная страница, но цвета не корректируются (основной цвет - зеленый в моей теме).Кто-нибудь знает, что я здесь делаю не так?
