В Vuetify я использовал компонент панели инструментов и установил его цвет на primary
, поэтому предполагаемый отображается синим цветом, но я вижу его белым:
<v-toolbar dark color = "primary">
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
Только когда я использую <v-toolbar dark>
, я вижу, что панель инструментов становится черной (как и ожидалось), при использовании <v-toolbar blue>
(или любого другого цвета) она становится белой.
Что может быть не так с моими настройками? Я использую тему Vuetify по умолчанию (Vue.use(Vuetify)
).
Огромный поцелуй @Traxo Большое спасибо
Возможно, это не ответ, но это может немного прояснить его. Чтобы стилизовать панель инструментов, вы можете установить тему так же, как вы уже сделали:
<v-toolbar dark>
dark
также может быть light
.
Чтобы изменить цвет, вам нужно указать его с помощью атрибута color:
<v-toolbar color = "blue">
То, что вы здесь пытались сделать, не сработает. Как сказано, тема может быть либо light
, либо dark
.
<v-toolbar blue>
Изменили ли вы каким-либо образом основной цвет на белый?
Vue.use(Vuetify, {
theme: {
"primary": "#1976D2",
По умолчанию основной в любом случае синий afaik, так что это не может быть правильно? Если я не пропустил недавнее обновление по этому поводу?
Я знаю, что основной по умолчанию синий, но именно поэтому мне было интересно, изменил ли его OP где-нибудь. Если OP не изменил основной цвет, есть другая проблема или ошибка. v-app
, о котором вы упомянули, кажется весьма вероятной проблемой. Я также знаю, что Vuetify довольно часто использует стиль !important
github.com/vuetifyjs/vuetify/issues/3400, что также может привести к неожиданному поведению при перезаписи стилей.
Хорошие моменты, но установка цвета на панели инструментов - 101, с этим не должно быть никаких проблем, поэтому я на 99,9% уверен, что он не заключен в v-app
, если только не были недавние изменения, о которых я не знаю. Посмотрим, когда они вернутся :) Тем не менее, я пометил его как дубликат, потому что проблема такая же, как и у связанного.
Фактически, я попробовал это, прежде чем спросить (извините, я забыл упомянуть об этом), но это не сработало. Спасибо за отзыв
Вы завернули его внутрь v-приложение?