Quasar Framework Flex Classes - PullRequest
Новая
       11

Quasar Framework Flex Classes

0 голосов
/ 12 мая 2018

Используя Quasar Framework 0.15, я не вижу никакого влияния на использование классов, связанных с Flex. Простой компонент: 

<template>
  <q-page class="flex">
    <div class="row">
      <div class="col-sm-6 justify-center">
        <q-btn-group>
          <q-btn label="1" />
          <q-btn label="2" />
          <q-btn label="3" />
        </q-btn-group>
      </div>
    </div>

  </q-page>
</template>

Когда я проверяю компоненты, div с классом 'row', например ', не имеет полной ширины, как ожидалось, никаких других связанных с Flex классов, таких как' justify-start 'или' col-sm- 6 'похоже на работу.

Моя btn-группа в этом случае отображается в верхнем левом углу экрана, как если бы к ней не было применено css ('justify-center' должно центрировать ее)

Я запускаю тему веб / материала в новой установке.

1 Ответ

0 голосов
/ 24 сентября 2018

Вы можете использовать простую q-страницу без какого-либо класса, она займет всю ширину. Вы также можете использовать класс с фиксированным центром для центрирования контента. 

<template>
  <q-page>
    <div class="row">
      <div class="col-sm-6 fixed-center">
        <q-btn-group>
          <q-btn label="1" />
          <q-btn label="2" />
          <q-btn label="3" />
        </q-btn-group>
      </div>
    </div>

  </q-page>
</template>
...