... | ... | @@ -217,3 +217,51 @@ _Flex Grid Playground:_ |
|
|
|
|
|
Данный раздел представляет собой интерактивную площадку для создания сетки с использованием Flexbox. Здесь вы можете создавать свою сетку, настраивать ее и копировать значения для использования в своих проектах. Этот раздел поможет вам лучше понять, как работает Flexbox и как использовать его для создания сеток.
|
|
|
|
|
|
|
|
|
_Layout:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит информацию о компоненте QLayout, который предназначен для управления всем окном и оборачивания содержимого страницы элементами, такими как навигационная панель или выдвижная панель. Также в этом разделе есть инструмент Layout Builder, который позволяет создавать макеты Quasar.
|
|
|
|
|
|
|
|
|
_Routing with Layouts and Pages:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит информацию о том, как использовать компонент QLayout для управления всем окном и оборачивания содержимого страницы элементами, такими как навигационная панель или выдвижная панель, при использовании Vue Router. В этом разделе также есть информация о том, как создавать файлы для макетов Quasar.
|
|
|
|
|
|
|
|
|
_Layout Header and Footer:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит информацию о компонентах QHeader и QFooter, которые могут быть использованы в компоненте QLayout для создания заголовка и подвала страницы. Компонент QLayout позволяет настроить представление страницы в виде матрицы 3x3, содержащей опциональный заголовок и/или подвал. В этом разделе также есть информация о том, как использовать класс glossy на панелях инструментов в заголовке и подвале.
|
|
|
|
|
|
|
|
|
_Layout Drawer:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит информацию о компоненте QDrawer, который может быть использован в компоненте QLayout для создания выдвижной панели на левой или правой стороне страницы. Компонент QLayout позволяет настроить представление страницы в виде матрицы 3x3, содержащей опциональный левый и/или правый выдвижной панели. В этом разделе также есть информация о том, как настроить компонент QDrawer и как использовать классы CSS для настройки внешнего вида панели.
|
|
|
|
|
|
|
|
|
_Layout Page:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит информацию о компоненте QPage, который используется вместе с компонентом QLayout для управления отступами страницы и учета места, занимаемого заголовком, подвалом и выдвижной панелью. Компонент QPage позволяет настроить отступы страницы и ее фон. В этом разделе также есть информация о том, как использовать компонент QPage вместе с компонентом QLayout.
|
|
|
|
|
|
|
|
|
_Layout builder:_
|
|
|
|
|
|
|
|
|
Данный раздел представляет собой инструмент, который позволяет создавать макеты Quasar. В этом разделе есть возможность выбрать компоненты, такие как QHeader, QFooter, QDrawer и навигационные вкладки, и настроить их внешний вид и расположение на странице. После настройки макета можно экспортировать его в код. В разделе также есть инструкции по использованию инструмента Layout Builder и информация о том, какие компоненты необходимо использовать для создания макетов Quasar.
|
|
|
|
|
|
|
|
|
_Layout Gallery:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит готовые макеты Quasar, которые можно использовать в своих проектах. В этом разделе представлены различные макеты, такие как макеты для административных панелей, макеты для интернет-магазинов и макеты для блогов. Каждый макет содержит описание и скриншоты, чтобы помочь выбрать подходящий макет. Также в этом разделе есть ссылки на инструменты, которые помогут создать свой собственный макет Quasar.
|
|
|
|
|
|
|
|
|
_Page Sticky:_
|
|
|
|
|
|
|
|
|
Этот раздел содержит информацию о компоненте QPageSticky, который помогает размещать элементы DOM / компоненты в статическом положении внутри области содержимого вашей страницы QPage, независимо от того, куда прокручивает пользователь. Для работы QPageSticky необходимо использовать компонент QLayout, который управляет всем окном по умолчанию. В разделе представлены примеры использования QPageSticky и инструкции по его настройке.
|
|
|
|