Как я могу изменить цвет основной панели инструментов в Quasar? - PullRequest
Новая
       28

Как я могу изменить цвет основной панели инструментов в Quasar?

0 голосов
/ 06 мая 2020

Я запускаю quasar 1.7.2, и когда я go меняю цвет основной панели инструментов в приложении-примере c basi, он не изменится. Если я go в MainLayout. vue У меня есть следующий код в верхней части файла 

    <q-header elevated>
      <q-toolbar color = "green-8">


        <q-btn

          flat
          dense
          round
          color = "green-8"
          icon="menu"
          aria-label="Menu"
          @click="leftDrawerOpen = !leftDrawerOpen"
        />

        <q-toolbar-title>
          Del Norte FIU 1
        </q-toolbar-title>



        <div>Serial: 6654521</div>


      </q-toolbar>
    </q-header>

Это должно сделать панель инструментов зеленой в соответствии с приведенной ниже ссылкой, однако это не так.

https://v0-17.quasar-framework.org/components/toolbar.html

Как ни странно, строка, изменяющая цвет кнопки на зеленый-8, действительно работает на кнопке.

1 Ответ

1 голос
/ 06 мая 2020

Вам необходимо использовать класс bg-green-8. Открывающий тег должен выглядеть как <q-toolbar class="bg-green-8">, чтобы изменить цвет на зеленый.

Codepen - https://codepen.io/Pratik__007/pen/bGVLbJQ

...