@sergeyiljin
Делаю дело

Почему не работают цвета во Vuetify?

Выбрал Vuetify и начал тестировать.Почему не срабатывают цвета на элементах фреймворка (в данном случае кнопки)?
5b86592d9182d384073701.png
<!DOCTYPE html>
<html>
<head>
  <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/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="app">
	<template>
	  <div>
		<v-btn color="primary">Success</v-btn>
		<v-btn color="error">Error</v-btn>
		<v-btn color="warning">Warning</v-btn>
		<v-btn color="info">Info</v-btn>
	  </div>
	</template>
  </div>
 
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
  <script>
    new Vue({ el: '#app'})
  </script>
</body>
</html>
  • Вопрос задан
  • 539 просмотров
Решения вопроса 2
aleksejjjj
@aleksejjjj
https://vuetifyjs.com/en/getting-started/frequentl...

My application does not look correct

Vuetify requires the use of the v-app component. It should wrap your entire application and is the center point for much of the framework functionality. If for whatever reason you cannot use this element, you can mimic it from attributes and classes. Set the data-app attribute to true on the highest element available (not including body), and the application application--{light|dark} classes.


Вы потеряли компонент <v-app>. Если уж пытаетесь что-то изучать следуйте документации. Вот пример из для кнопок https://codepen.io/anon/pen/XPjaKa?&editors=101.
Ответ написан
colorswall
@colorswall
no bio
<div id="app">
	<v-app>
		Your code
	</v-app>
</div>

Нужно добавить тег <v-app>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 сент. 2020, в 15:21
1000000 руб./за проект
26 сент. 2020, в 15:07
1000 руб./за проект
26 сент. 2020, в 14:52
600 руб./за проект